Jquery Toggle仅适用于一个帖子

时间:2012-12-04 22:09:45

标签: javascript jquery toggle

我在使用Jquery切换Feed时遇到问题。我有一个名为Tags的超链接。当我点击它时,它会切换下面的div。

它有效 - 但仅适用于Feed中的热门帖子 - 如果我在Feed中有任何其他帖子则不起作用。

以下是Jquery: -

<script type="text/javascript">
    $(function () {
         $("#hypfeedTagBtn").click(function()  {
             $("#divPostBodyTags").toggle();

             return false;

         });
     });



</script>

下面是HTML: -

    <div id="divPostFoot_64" class="dPostMain dPostFoot">
<span id="Content_ucFeeds_repFeedThread_lblFeedViewCouont_0" class="spFootReplyCount"></span>
<span id="Content_ucFeeds_repFeedThread_lblFeedShareLink_0" class="spFootLinks"></span>
<span id="Content_ucFeeds_repFeedThread_lblFeedDeleteLink_0" class="spFootLinks"></span>
<a id="hypfeedTagBtn" class="spFootLinksShowTags">Tags</a>
<a id="Content_ucFeeds_repFeedThread_hypFeedMessageMe_0" class="spFootLinks" href="/Mail/NewMessage.aspx?FeedID=64">Message Me</a>
</div>

    <div id="divPostBodyTags" class="dPostMain dPostTAGSDIV" style="display: block;">
<ul id="PostBodyTags">
<li class="TAGLiItem">
<a class="TAGaItem">Plumbers</a>
</li>
<li class="TAGLiItem">
<a class="TAGaItem">Plumbers</a>
</li>
</ul>
</div>

由于

史蒂夫

1 个答案:

答案 0 :(得分:1)

MDN element.id

  

文档中的ID必须是唯一的,通常用于检索   元素使用document.getElementById。

     

在某些文档中(特别是HTML,XUL和SVG),一个的id   元素可以指定为元素上的属性,如:。

     

但是,如果没有自定义XML文档,则无法使用此属性   正确指定DOCTYPE中id属性的类型。

     

id的其他常见用法包括使用元素的ID作为选择器   使用CSS设置文档样式时。

     

请注意,ID区分大小写,但您不应创建ID   只有大写字母才有区别(见课堂和案例中的案例敏感度)   id姓名)。

如果要切换多个部分,请使用课程而不是ID。