javascript - 切换和Javascript:无法正常工作

昨晚我问了我的第一个问题。不敢相信该网站及其成员的帮助。谢谢！

这是我的问题：

我具有选项卡式导航，可在页面内移动。有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类中？

切换是否可以这种方式工作？

最佳答案

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

我完全不知道它与此有何关系。

但是，如果我了解您遇到的问题（很可能我没有...），则应考虑使用.not()过滤方法：

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

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