Toggle span elements in div on hover
<p>I am still relatively new to jQuery and am trying to hide the text I have contained in a few spans within a div on a hover, then show them again on a hover out.  I feel like it it something relatively easy to do, I just havent had much success.  Thank you!</p>

<pre><code>$(".resultBox").hover(function() {

    // Perform actions only if targeted result box it is not enlarged
    if($(this).height() === RESULTBOX_DEF_HEIGHT &amp;&amp; $(this).width() === RESULTBOX_DEF_WIDTH)
    {
        // Toggle the highlight class matching the target box
        var targetBoxId = $(this)[0].id;
        $(this).toggleClass(targetBoxId + "BoxHighlight");

        // Hide all text in the spans within this box
    }
});
</code></pre>
