アコーデオンはすべて表示できますが、いつでも開いている必要があります。

Question

最初のものが最初です。メリークリスマス。

http://bootsnipp.com/snippets/4OlpKでアコーディオンスクリプトを使用していますが、これまでのところうまくいきます。しかし、アコーディオンオプションがクリックされているときは、折り畳みオプションが必要です。現時点では、すべてが公開可能です。私は一度に一つのアコーディオンオプションを開くだけです。

ヘルプ。あなたはJsのは、それ以下のように機能

Answer 1

変更は

$(function() { 
    $(".expand").on("click", function() { 
    $(".expand").find(">:first-child").text("+"); 
    $(".detail").css("display","none"); 
    $(this).next().slideToggle(200); 
    $expand = $(this).find(">:first-child"); 

    if($expand.text() == "+") { 
     $expand.text("-"); 
    } else { 
     $expand.text("+"); 
    } 
    }); 
}); 

このfiddleを探す動作します。

Answer 2

は、これであなたのjavascriptを置き換えます。これは、slideUpメソッドを使用して解決策になる

$(function() { 
    $(".expand").on("click", function() { 
    if($(this).next().css("display")=="none"){ 
     $(".expand").next().css("display","none"); 
     $expandold = $(".expand").find(">:first-child"); 
     $expandold.text("+"); 
     $(this).next().slideToggle(200); 
     $expand = $(this).find(">:first-child"); 
     $expand.text("-"); 
    } 
    else{ 
     $(".expand").next().css("display","none"); 
     $expand = $(this).find(">:first-child"); 
     $expand.text("+"); 
    } 

    }); 
}); 

はここで働いてcodepen

Answer 3

です。

$(function() { 
    $(".expand").on("click", function() { 
    $('.detail').not($(this).next()).slideUp().prev().find(">:first-child").each(function(){ 
     $(this).text("+"); 
    }); 

    $(this).next().slideToggle(200); 
    $expand = $(this).find(">:first-child"); 

    if($expand.text() == "+") { 
     $expand.text("-"); 
    } else { 
     $expand.text("+"); 
    } 
    }); 
});