Hola, estoy empezando con Javascript y Jquery. Estoy utilizando Jquery porque algunas cosas me parecen más sencillas, pero hay otras que no sé hacer. Por ejemplo, tengo dos botones que esconden divs, con javascript lo que hago es llamar a una función y le paso la clase de los divs que quiero ocultar, de esta forma:
Código Javascript
:
Ver originalfunction ocultar(clase) {
resultado = document.getElemenstByClassName(clase);
for(i=1; i < resultado.lenght(); ++i) resultado[i].style.display='none';
}
Entonces lo llamo a traves de un href en el botón:
Botón 1: href="javascript
:ocultar(clase_que_quiero_ocultar) "
Botón 2: href="javascript
:ocultar(clase_que_quiero_ocultar2 )"
En Jquery es más fácil seleccionarlo y además le he podido dar efectos, me quedaría así:
Código Javascript
:
Ver original$(function() {
$("#boton").click(function(event) {
event.preventDefault();
$(".clase_que_quiero_ocultar").fadeIn();
});
$("#boton2").click(function(event) {
event.preventDefault();
$(".clase_que_quiero_ocultar2").fadeIn();
);
});
Como veis, en Jquery tengo que hacer dos funciones, y tendría que hacer n funciones para n botones, mientras que con la función de javascript con una sola ya funciona.
Mi pregunta es: como juntar las dos cosas, una función de javascript con los efectos y las selecciones de las clases de Jquery. Sería sin utilizar el evento click(). También me gustaría saber si hay alguna forma mejor de hacerlo y no la que describo yo.
saludos