jQuery手风琴问题
|
我正在尝试根据幻灯片打开一些DIV使用jQuery UI。我希望链接位于其他位置，并根据其ID定位特定的DIV。我将如何去做呢？有什么提示可以指示我正确的方向吗？
像这样的东西：
<script>
jQuery().ready(function() {
jQuery(\"#accordion\" ).accordion({
collapsible: true,
active: false,
navigation: true
});
});
</script>
<h3><a href=\"#1\">Section 1</a></h3>
<h3><a href=\"#2\">Section 2</a></h3>
<h3><a href=\"#3\">Section 3</a></h3>
<h3><a href=\"#4\">Section 4</a></h3>
<div id=\"accordion\">
<div id=\"1\">
<p>content</p>
</div>
<div id=\"2\">
<p>content</p>
</div>
<div id=\"3\">
<p>content</p>
</div>
<div id=\"4\">
<p>content</p>
</div>
</div>
没有找到相关结果
已邀请:
4 个回复
谷起
以编程方式激活手风琴的内容部分。索引可以是零索引的数字以匹配要关闭的标题的位置，也可以是与元素匹配的选择器。传递false以关闭所有内容（仅可通过collapsible：true启用）。 使用$(link).click(function(){})财沟项胶
<div id=\"accordion\"> <h3><a href=\"#1\">Section 1</a></h3> <div id=\"1\"> <p>content</p> </div> <h3><a href=\"#2\">Section 2</a></h3> <div id=\"2\"> <p>content</p> </div> <h3><a href=\"#3\">Section 3</a></h3> <div id=\"3\"> <p>content</p> </div> <h3><a href=\"#4\">Section 4</a></h3> <div id=\"4\"> <p>content</p> </div> </div>澜悍景哭苟
<a href=\'\' id=\'activateAccordion\' /> <div id=\"accordion\"> <h3><a href=\"#section1\">Section 1</a></h3> <div id=\"section1\"> <p>content</p> </div> <h3><a href=\"#section2\">Section 2</a></h3> <div id=\"section2\"> <p>content</p> </div> </div>$(\'#activateAccordion\').click(function() { $(\'a ##section1\').click(); });悍蕾驮苇袜
和属性）：<h3><a class=\'acc-link\' href=\"#1\">Section 1</a></h3> <h3><a class=\'acc-link\' href=\"#2\">Section 2</a></h3> <h3><a class=\'acc-link\' href=\"#3\">Section 3</a></h3> <h3><a class=\'acc-link\' href=\"#4\">Section 4</a></h3> <div id=\"accordion\"> <h3 id=\"1\"><a href=\"#\"></a></h3> <div> <p>content</p> </div> <h3 id=\"2\"><a href=\"#\"></a></h3> <div> <p>content</p> </div> <h3 id=\"3\"><a href=\"#\"></a></h3> <div> <p>content</p> </div> <h3 id=\"4\"><a href=\"#\"></a></h3> <div> <p>content</p> </div> </div>方法：jQuery().ready(function() { var acc = $(\"#accordion\").accordion({ collapsible: true, active: false, navigation: true }); $(\'.acc-link\').click(function () { acc.accordion(\"activate\", $(this).attr(\'href\')); }); });方法的属性参数被解释为CSS选择器，它方便地（巧合地）以选择器开头，因此它“有效”且带有任何有效ID。