切换& Javascript:无法让它工作

时间:2011-11-14 17:17:01

标签: javascript jquery toggle

我昨晚问了我的第一个问题。无法相信这个网站及其成员有多大帮助。谢谢!

这是我的问题:

我有标签导航在页面内移动。有4个标签和HTML(我必须删除发布垃圾邮件过滤器的bc的链接):

<ol id="toc">
    <li><span>Top 3</span></a></li>
    <li><span>Reviews</span></a></li>
    <li><span>Places to Buy</span></a></li>
    <li><span>History</span></a></li>
</ol>

当您点击其中一个导航链接(例如,前3个)时,您将被带到:

<div class="tabcontent" id="Top3>
    Here's content
</div>

由于本网站提供了有用的答案,我已经能够将#Getit中的所有内容附加到所有其他'tabcontent'导航区域的底部。但是当我使用这段代码时:

$('.tabcontent#Getit').clone().appendTo('.tabcontent')

它也会重复Getit选项卡中的Getit选项卡。反正有没有这样做,如果有人正在查看Getit选项卡,内容将不会附加到那里,只会附加到其他tabcontent类?

以这种方式切换工作吗?

1 个答案:

答案 0 :(得分:2)

如果元素当前可见,jQuery的.toggle()仅将元素的display设置为none,或者将其设置为适当的值以显示当前隐藏的元素。它也可以传递一个布尔参数,强制显示(true)或隐藏(false)元素。

我根本没看到它与此有什么关系。

但是,如果我理解你遇到的问题(我可能不会......)你应该研究.not()过滤方法:

http://jsfiddle.net/vJc6r/1/

var getit = $( '#Getit' );
getit.clone().appendTo( $( '.tabcontent' ).not( getit ) );