JQuery UI slideUp и slideDown

Question

Я занят, чтобы показать и спрятать несколько ящиков одним нажатием кнопки. Он работает хорошо, но я должен нажать 2 раза в первый раз, когда я хочу скрыть поле?

Это мой JS код:

$(function() { 
    $('.title .hide').showContent(); 
}); 

$.fn.showContent = function() { 
    return this.each(function() { 
     var box = $(this); 
     var content = $(this).parent().next('.content'); 

     box.toggle(function() { 
      content.slideDown(400); 
     }, function() { 
      content.slideUp(400); 
     }); 

    }); 
}; 

И де HTML

<div class="box"> 
    <div class="title"> 
     Title 
     <span class="hide"></span> 
    </div> 
    <div class="content">Content</div> 
</div> 

Почему это? Может кто-то мне помочь?

А вот демо: (.. Нажмите на черную кнопку При нажатии кнопки в первый раз, он не делает ничего, но второй раз, то содержимое будет разрушаться) http://jsfiddle.net/wq7PF/

Answer 1

Reverse свои функции

box.toggle(function() { 
    content.slideUp(400); 
}, function() { 
    content.slideDown(400); 
});