Change a CSS selectors child on hover in jQuery
<p>With this basic jQuery code below, how would I make the on <code>mousout</code> change the item back to <code>display:none</code>?  </p>

<p>Also can this be improved?</p>

<p>Any help please</p>

<pre><code>$(".image").hover(function() {
      $(this).children(".image p").css({ display: 'inline' });
});
</code></pre>

<p>On the jQuery docs site I saw this: <code>$(selector).hover(handlerIn, handlerOut)</code> but I don't understand how to apply it here.</p>
