jquery UI隐藏div中的手风琴

我现在正在为这件事苦苦挣扎几个小时。我迫切需要专家的眼球。jquery UI隐藏div中的手风琴

所以，即时尝试在pageslide内设置Jquery UI Accordion。 Pageslide被隐藏起来，然后滑入。pageslide中的手风琴非常麻烦。第一个标题总是被折叠，我试图用链接定位的标题不会打开。

我问我的好朋友谷歌一些建议。有许多人有同样的问题。我绝对相信，它必须与最初隐藏的手风琴家长做些事情。

在pageslide显示之后，我可以在哪里启动手风琴吗？

这个can be found here 的例子（点击手风琴的链接火pageslide内的第二手风琴）

最小化问题：

<!doctype html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script> 
</head> 
<body> 
<div id="ac"> 
<h3>One</h3> 
<div> 
Lorem Ipsum Blah Blah Blah 
</div> 
<h3>Two</h3> 
<div> 
Lorem Ipsum Blah Blah Blah 
</div> 
<h3>Three</h3> 
<div> 
Lorem Ipsum Blah Blah Blah 
</div> 
</div> 
<script> 
    $("#ac").accordion(); 
    $("#ac").hide(); 
    $("#ac").accordion('activate',2); 
    $("#ac").show(); 
</script> 
</body> 
</html>

来源

2013-07-10 WIWIWWIISpitFire

第一，而不是向我们发送的链接到你的网站尝试使用的jsfiddle或codepen您的问题最小化。我会说只是采取简约的方法来建立一个越野车样本。包括你自己在内的每个人都将能够更快地理解和解决问题。 – Learner

你是对的，做完了。 – WIWIWWIISpitFire

示例不显示页面幻灯片和第2手风琴。 – Learner

下面是你应该怎么做一个jsfiddle example工作

HTML：

<div class="accordion glossWrap"> 
    <h3>titel</h3> 
    <div> 
     <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur.</p> 
    </div> 
    <h3>titel</h3> 
    <div> 
     <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur.</p> 
    </div> 
</div> 
<a href="#" class="glossary" data-panel="1">Open me</a>

个

JS：

所有的

var $accordion = $(".glossWrap"), 
    panelId = parseInt(window.location.hash.replace(/#panel/, "")) || 0; 

$accordion.accordion({ 
    collapsible: true, 
    active: panelId, 
    heightStyle:"content", 
    header:"h3" 
}); 

$("a.glossary").on("click", function (e) { 
    e.preventDefault(); 
    var toOpen = $(this).data("panel"); 
    $accordion.accordion("option", "active", toOpen); 
});

来源

2013-07-10 14:33:30

感谢您的回复，非常感谢！但这实际上并不是问题。由于最初隐藏的div，问题得以缓解。这使得手风琴开启了第一个标题，就好像他在手风琴外面一样。（很难解释，看代码） – WIWIWWIISpitFire

我不明白你为什么要先隐藏它然后激活第二个面板，然后显示它。你为什么不从一开始就激活第二个面板？ –

jquery UI隐藏div中的手风琴

回答

相关问题