Hola buenas estoy intentado crear unos botones que hagan show
y hide
según la categoría pero tengo algún error y no funciona.
Este es el for
que monta los botones:
for (var i = 0; i < data.length; i++) {
var categoria = data[i].NombreCategoria;
if (categoria != null) {
categoria = categoria.split(" ").join("");
}
else {
categoria = "null";
data[i].NombreCategoria = "Sin categoría";
}
$("#ContenedorConvenios").append(""
+ "<button class='btn btn-eco' onclick='prueba(" + categoria.toString() + ");' id='" + categoria + "'>" + data[i].NombreCategoria + "</button>"
+ "");
console.log("Hola" +categoria);
}
Este es el código para los toggle:
function prueba(cat) {
console.log("adios" + cat);
$('#'+cat).on('click', function () {
$('.' +cat).toggle()
});
}
y esto es lo que me devuelve el console log:
adios[object HTMLButtonElement] jquery-1.11.1.min.js:2 Uncaught Error:
Syntax error, unrecognized expression: #[object HTMLButtonElement]
at Function.fb.error (jquery-1.11.1.min.js:2)
at fb.tokenize (jquery-1.11.1.min.js:2)
at fb.select (jquery-1.11.1.min.js:2)
at Function.fb [as find] (jquery-1.11.1.min.js:2)
at m.fn.init.find (jquery-1.11.1.min.js:2)
at m.fn.init (jquery-1.11.1.min.js:2)
at m (jquery-1.11.1.min.js:2)
at prueba (custom.js:195)
at HTMLButtonElement.onclick (acuerdos-comerciales.html:1)
adios[object HTMLButtonElement]
quiere decir que recoge todo el button.
¿Cómo hago para que solo recoja la categoría?
gracias!
Solucionado muchas gracias! Ahora tengo el problema de que quiero hacer toggle pero con un solo click y desconozco como hacerlo, alguien puede orientarme?