Question

I need to know how can I stop the clicking function while it finishing the Animation

here is my code

 $(function () {
     $('legend').click(function () {
         $(this).parent().find('.content').slideToggle("slow");
     });
 });

Answer 1

Change your selector slightly to exclude :animated elements using :not:

 $(function () {
     $('legend').click(function () {
         $(this).parent().find('.content:not(:animated)').slideToggle('slow');
     });
 });

Working example: http://jsfiddle.net/andrewwhitaker/acKtG/