Question

首先是第一件事。圣诞快乐。

我在http://bootsnipp.com/snippets/4OlpK使用手风琴脚本，到目前为止还不错。但是，当单击一个折叠选项时，我需要折叠选项。目前，一切都可以开放。我只需要在任何时候打开一个手风琴选项。

帮助。

Answer 1

改变你的Js功能，如下所示它将起作用

$(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：

$(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

这将是使用slideUp方法的解决方案。

$(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("+");
    }
  });
});

手风琴能够显示所有但我只需要一次打开一个

3 个答案: