Question

我在FAQ类型设置中使用了很多内容。当用户点击任意数量的链接时，它将展开该部分并显示他们自己也可以扩展的项目列表。我想要完成的是在切换FAQ div时扩展其中一些列表项。

因此，用户点击展开项目列表的链接，焦点设置为与该链接一起的确切项目内容。基本上，就像一个超链接锚一样，只有所有这些内容都在一个页面上，并且有一个slideToggle，然后是另一个幻灯片切换。

我在这里想要完成的事情是一个小提琴： JSFiddle

<h2>If you want to know more information about this exact item <a href="#" id="clicke">click  here!</a>
</h2>

<div id="myHiddenContent" style="display:none">
<li id="info-block-one">
<dl>
    <dt>
        <a aria-haspopup="true" aria-expanded="true" href="#contentBlock" id="infoLink">
            <strong>Info block one</strong></a>
    </dt>
    <dd tabindex="-1" aria-hidden="false" role="region" style="display: block;">
        <p class="answer" id="contentBlock" style="display:none">Info Block Answer</p>       
    </dd>
</dl>
</li>

$( "#infoLink" ).click(function() {
$( "#contentBlock" ).slideToggle( "slow", function() {
});
 });
$( "#clicke" ).click(function() {
$( "#myHiddenContent" ).slideToggle( "slow", function() {
});
});

Answer 1

我相信你想要的东西如下：

$( "#infoLink" ).click(function() {
    $(this).parent().next("dd").children("#contentBlock").slideToggle( "slow", function() {});
});
$( "#clicke" ).click(function() {
    $(this).parent().next("#myHiddenContent").slideToggle( "slow", function() {});
});

在新扩展的div中展开隐藏内容

1 个答案: