Suite de la série "comparons mootools et jQuery", mais cette fois pour l'affichage d'un élément suite à un clic sur un lien (en l'occurence, pour faire apparaître un formulaire de recherche).

Avec mootools, nous avions écrit :

<script type="text/javascript">

window.addEvent('domready', function() {
            var showSearch = new Fx.Slide('recherche', {duration: 750});   
             showSearch.hide(); 
             $('show_search').addEvent('click', function() {showSearch.toggle();});
         });

</script>

Avec jQuery :

<script type="text/javascript">

    $(document).ready(function(){

             $('#recherche').hide(); 

             $('a#show_search').click(function() {
                         $('#recherche').toggle(400);
                        return false;
             }); 
    });

</script>