显示/隐藏潜水员DIV的Div

时间:2013-03-03 17:55:28

标签: javascript html hide show

我是这个网站的新手。

Javascript并不多,但我找到了一个显示和隐藏div的代码。

这就是我现在所拥有的,当点击Details1时也显示了Details2

jsfiddle.net/qU3TG/3 /

如何才能使效果仅对当前项目产生影响?

例如: 如果我有选项详细信息1详细信息2,3 ...详细信息DetailsN,单击详细信息#仅显示所属的div。

效果显示/隐藏适用于所有人,而不仅仅是一个。我想帮助我使用此代码或希望我可以推荐其他代码

我差不多有一天试图解决这个问题,但我无法修复它。

2 个答案:

答案 0 :(得分:1)

基于你的jsFiddle,我已经重命名了隐藏块中的链接:

<a href="#" class="hide">hide</a>

然后更新了jQuery代码:

jsFiddle

答案 1 :(得分:0)

jQuery部分中使用此功能:

$('.slidingDiv .hide').click(function(){
    $(this).parent().slideToggle();
}); 

这将导致包含隐藏锚点的父div切换。我希望这就是你需要的东西