jQuery的切換如果沒有這個

Question

原諒我，如果這是一個新手的問​​題：

我得設置爲打開下一個div來查看更多詳細信息的菜單，如果有另一個DIV已經打開，將其關閉而它打開了新的。我不知道如何關閉已打開的div，如果您點擊與該div關聯的標頭。它剛剛關閉&重新開放。

代碼：

$(document).ready(function() { 

    $(".heading").click(function(){ 
     if($(".content").is(":visible")){ 
      $(".less").removeClass("less"); 
      $(".content").slideUp(500); 
     } 
     $(this).next(".content").slideToggle(500); 
     $(this).children(".more").toggleClass("less"); 
    }); 

}); 

任何幫助表示讚賞。

Answer 1

試試這個：

$(".heading").click(function(){ 
    // Cache stuff, so we don't have to keep generating jQuery objects 
    var $this = $(this); 
    var $thisContent = $this.next(".content"); 

    // Saves a boolean value to see if the clicked element's content is 
    // currently visible 
    var thisWasVisible = $thisContent.is(":visible"); 

    // Removes less class and slides up ALL visible content divs 
    $(".less").removeClass("less"); 
    $(".content").slideUp(500); 

    // Slide the clicked element's content div down and add less class, 
    // but only if it's content was not originally visible. We don't want 
    // to show it again if it was just hidden. 
    if(!thisWasVisible){ 
     $thisContent.slideDown(500); 
     $this.children(".more").addClass("less"); 
    } 
}); 

Answer 2

試試這個

$(document).ready(function() { 

$(".heading").click(function(){ 
    if($(".content").is(":visible")){ 
     $(".less").removeClass("less"); 
     $(".content").slideUp(500); 
    } else { 
     $(this).next(".content").slideDown(500); 
     $(this).children(".more").toggleClass("less"); 
    } 
}); 

}); 

可能是最激進的變化對你有什麼，應該工作。