jquery cliquez sur changer de classe

Je suis des études en jquery, je veux faire un effection: cliquez d'abord, curseur en bas de la div#ccc et de changer le lien de la classe à "aaa", et cliquez de nouveau, curseur vers le haut de la div#ccc et modifier le lien retour en classe à "bbb". maintenant curseur vers le bas peut travailler, mais removeClass, addClass pas de travail. la façon de modifier, de sorte que deux effection de travail idéal? merci.

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript">
jQuery(document).ready(function(){              
$("#click").click(function() {
    $("#ccc").slideDown('fast').show();
    $(this).removeClass('bbb').addClass('aaa');
});
$("#click").click(function() {
    $("#ccc").slideDown('fast').hide();
    $(this).removeClass('aaa').addClass('bbb');
});
});
</script>
<style>
#ccc{display:none;}
</style>
<div id="click" class="bbb">click</div>
<div id="ccc">hello world</div>

OriginalL'auteur cj333 | 2011-05-19

  1. 4

    Vous avez besoin d'utiliser une bascule unique de l'événement. Vous définissez l'événement click deux fois et qui ne fonctionne pas.

    jsfiddle

    OriginalL'auteur Tim Hobbs

  2. 4

    Utilisation de la bascule au lieu d'afficher/masquer et toggleClass au lieu d'ajouter/supprimer, et les fusionner en un seul clic événement. Quelque chose comme ceci (non testé et probablement ne fonctionne pas):

    $("#click").click(function() {
    $("#ccc").toggle().animate();
    $(this).toggleClass('bbb aaa');
});
    $(this).toggleClass('bbb aaa'); serait encore mieux.
    En effet, il serait - édité!
    Nice & nettoyer la solution. Merci

    OriginalL'auteur SickHippie

  3. 1

    Vous êtes à la recherche pour le bascule de l'événement, il semble.

    $(document).ready(function () {
    $('div#click').toggle(
        function () {
            $('div#ccc').slideDown('fast').show();
            $('div#click').removeClass('bbb').addClass('aaa');
        },
        function () {
            $('div#ccc').slideDown('fast').hide();
            $('div#click').removeClass('aaa').addClass('bbb');
        });
    });

    OriginalL'auteur Andrew