Foros del Web - Ver Mensaje Individual - jQuery: Evento después de terminar each()

Dany_s · #6 (**permalink**) 30/08/2010, 05:28

Código HTML:

Ver original<head>
<title>Prueba</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    
$(function (){
    //Click en h3 que no tengan clase 'active'
    $('h3:not(.active)').click( function(){
        //Busco el h3 con clase 'active', elimino la clase 'active' y lo oculto el div que le sigue
        $(this).siblings('.active').removeClass('active').next().slideToggle();
        //Argego clase 'active' y muestro el div que le sigue
        $(this).addClass('active').next().slideToggle();
    });
})
</script>
<style>
    div{display:none}
</style>
</head>
<body>
 
<h3>1</h3>
<div>uno</div>
<h3>2</h3>
<div>dos</div>
<h3>3</h3>
<div>tres</div>
<h3>4</h3>
<div>cuatro</div>
<h3>5</h3>
<div>cinco</div>
<h3>6</h3>
<div>seis</div>
 
</body>
</html>