单击Jquery添加/删除独立div的类

Question

 #bottomToolbar #facet-container #tb-facets .info-toolbar #rv-active {
position:relative;
 }
 .tb-1-5 {
display:none;
}

 <div id="bottomToolbar">
    <div id="facet-container">
<ul id="tb-facets">
    <li class="info-toolbar">
    <a id="info-tb-1">Recently Viewed</a>
    <div id="rv-active" class="tb-1-5">Hello World</div></li>
    <li class="info-toolbar">Favorites</li>
    <li class="info-toolbar">Wish List</li>
</ul>
</div>
   </div>

$('#info-tb-1').bind('click', function() {
        $('#rv-active').removeClass('tb-1-5');
    });

我想做的是在单击"a"元素时显示一个div。我需要更改它以删除显示：无；

感谢

Answer 1

您尝试过使用.show()吗？

$('#info-tb-1').click(function()
{
    $('#rv-active').show();
});

---

学习挖掘jQuery API文档。他们会回答你99%的问题。

Answer 2

如果你想显示一些东西，请使用show((；

$('#info-tb-1').bind('click', function() {
        $('#rv-active').removeClass('tb-1-5').show();
    });

如果使用display:none隐藏了某些内容，则使用show((显示隐藏的元素

Answer 3

您可以使用$(elem).hide()和$(elem).show()添加/删除"display:none；">

还有一个.toggle()函数，其中有一个您尝试执行的示例：http://api.jquery.com/toggle/

Answer 4

您本可以使用document.getElementById('rv-active').style.display="block";或$('#rv-active').css("display","block");，而不是直接设置#rv-active的样式，而不是使用其他所有div，如

#bottomToolbar #facet-container #tb-facets .info-toolbar {
  position:relative;
}
 #rv-active {
  position:relative;
  display:none;
}

getElementById可能不是一个理想的工具，但它很有用，尤其是对于这样的事情。

更多关于getElementById的信息，以及更多关于.css((方法的信息。

Answer 5

您发布的代码应该可以工作(尽管许多人已经注意到，使用jQuery的show函数比删除类更容易(。

然而，我认为您的问题在于，您的代码在文档完全加载之前就已经运行，因此引用的元素不存在。

试试这个：

$(document).ready(function() {
    $('#info-tb-1').bind('click', function() {
        $('#rv-active').show();
    });
});