我的代码打开脚本的所有手风琴

时间:2016-07-30 18:28:47

标签: jquery twitter-bootstrap-3 collapse bootstrap-accordion

对于这段代码,我的意思是打开一支手风琴并关闭其余的手风琴,但是当我第一次点击任何东西时,它会打开所有的手风琴。随后的时间,它只打开正确的一个。

function cloz(a) {
  if (a == 1) {
    $("#myaccordion1").collapse('show');
    $("#myaccordion2").collapse('hide');
    $("#myaccordion3").collapse('hide');
    $("#myaccordion4").collapse('hide');
    $("#myaccordion5").collapse('hide');
    $("#myaccordion6").collapse('hide');
  }
  if (a == 2) {
    $("#myaccordion1").collapse('hide');
    $("#myaccordion2").collapse('show');
    $("#myaccordion3").collapse('hide');
    $("#myaccordion4").collapse('hide');
    $("#myaccordion5").collapse('hide');
    $("#myaccordion6").collapse('hide');
  }
  if (a == 3) {
    $("#myaccordion1").collapse('hide');
    $("#myaccordion2").collapse('hide');
    $("#myaccordion3").collapse('show');
    $("#myaccordion4").collapse('hide');
    $("#myaccordion5").collapse('hide');
    $("#myaccordion6").collapse('hide');
  }

1 个答案:

答案 0 :(得分:1)

我认为您可以稍微简化一下代码。首先,如果可以,请为您的所有手风琴使用课程。然后你可以做这样的事情:

function cloz(a) {
    $('.accordion').collapse('hide');
    $('.accordion').eq(a).collapse('show');
}

首先关闭所有手风琴,然后打开你想要的手风琴。 .eq(n)函数选择元素列表的n元素。