jQuery Selector

Question

Hi all, so I'm having a bit of trouble getting a certain div to show onclick. Any takers?

HTML

<div style="float:left;width:40px;">
<span class="productControl" style="position:relative;">
    <div class="productMenuHolder" style="display:none;">
    <ul class="productMenuList">
        <li class="productMenuItem">Add to Collection</li>
        <li class="productMenuItem">Share</li>
    </ul>
    </div>
</span>
</div>

jQuery

$("span.productControl").click(function(){
    $(this).next().show();
});

The productMenuHolder doesn't seem to show up!

Answer 1

$(this).find('.productMenuHolder').show()

I suggest you look a bit closer at the markup.