Question

我们在网站上使用了jquery手风琴：http://www.racedayworld.com

它基本上列出了每个月的事件......

显然人们很难知道它是如何运作的，并且乍看之下每个月都有更多的事件（你点击展开）

所以我考虑一次打开两个（当前月份和下一个月份）......但我不确定如何让两者同时打开......任何想法？

这就是手风琴窗格的实现方式：

$(function() { 
$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: 0});
});

Answer 1

如果您只是想在手风琴中显示第二个div，您可以在应用手风琴组件后显示它。

$("#myAccordion").accordion();
$("#secondDivInTheAccordion").show();

这将显示第一个和第二个选项卡打开，直到用户单击其中一个选项卡。然后它将按照正常情况运作。

Answer 2

或者你也可以试试这个：

$("div#accordion div.pane").last().css("display", "block");

与DangerMouse的答案相同，只需在手风琴调用后添加它，它会同时打开两个标签，假设您只显示主页中的当前和上个月。

希望它有所帮助。

Answer 3

尝试将您的功能更改为：

$(function() {
 $("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: 0});

 $("#accordion h2").click(function(){
  index =  $("h2").index($(this)) + 1;
  // open next tab pane
  $("#accordion .pane:eq(" + index + ")").slideDown(500);
 })
 // open 2nd pane initially
 $("#accordion .pane:eq(1)").slideDown(500);
});

更新：如果你最初只想打开两个窗格，然后删除中间的点击功能，那么你最终会得到这个：

$(function() {
 $("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: 0});
 // open 2nd pane initially
 $("#accordion .pane:eq(1)").slideDown(500);
});

编辑：如果第二个窗格似乎没有打开，可能是因为选项卡脚本仍在设置中，所以如果需要，请将第二行替换为：

 setTimeout ( function(){ $("#accordion .pane:eq(1)").slideDown(500); }, 500 );

多个手风琴窗格打开

3 个答案: