如果其他打開，切換框關閉

Question

有人可以幫我用下面的代碼嗎？不能正確的。

我希望它關閉打開切換時點擊新/其他人。

我有這樣的時刻：

http://jsfiddle.net/78tDj/1/

jQuery(document).ready(function($) { 

    // Find the toggles and hide their content 
    $('.toggle').each(function(){ 
     $(this).find('.toggle-content').hide(); 
    }); 

    // When a toggle is clicked (activated) show their content 
    $('.toggle a.toggle-trigger').click(function(){ 
     var el = $(this), parent = el.closest('.toggle'); 

     if(el.hasClass('active')) 
     { 
      parent.find('.toggle-content').slideToggle(); 
      el.removeClass('active'); 
     } 
     else 
     { 
      parent.find('.toggle-content').slideToggle(); 
      el.addClass('active'); 
     } 
     return false; 
    }); 

}); //End 

Answer 1

你需要把他們藏在你的click處理程序：

$('.toggle a.toggle-trigger').click(function(){ 
    var el = $(this), parent = el.closest('.toggle'); 

    $('.toggle .toggle-content').slideUp(); // <- added this!!!! 
    //... 

jsFiddle

Answer 2

無需調用每個，這是多餘的。此外，只需:-)

$('.toggle a.toggle-trigger').click(function() {     
    var el  = $(this), 
     parent = el.closest('.toggle'); 

    $('.toggle .toggle-content').slideUp(); 

    if (!el.hasClass('active')) { 
     $('.toggle a.toggle-trigger').removeClass('active'); 

     el.addClass('active'); 
     parent.find('.toggle-content').slideDown(); 
    } 
    else { 
     el.removeClass('active'); 
    } 
}); 

http://jsfiddle.net/78tDj/10/

Answer 3

打開一個新..done這是你想要達到的目標之前隱藏所有切換？

jQuery(document).ready(function($) { 

    // Find the toggles and hide their content 
    $('.toggle-content').hide(); 

    // When a toggle is clicked (activated) show their content 
    $('.toggle a.toggle-trigger').click(function(){ 
     var el = $(this), parent = el.closest('.toggle'); 


     $('.toggle-content').hide(); 

     if(el.hasClass('active')) 
     { 
      parent.find('.toggle-content').slideToggle(); 
      el.removeClass('active'); 
     } 
     else 
     { 
      parent.find('.toggle-content').slideToggle(); 
      el.addClass('active'); 
     } 
     return false; 
    }); 

}); //End