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');
    });

What I’m trying to do is show a div when I click on an “a” element. I need to change it to remove the display: none;

Thanks

Answer 1

Have you tried using .show()?

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

---

Learn to dig through the jQuery API docs. They will answer 99% of your questions.