help with simpe hover, please
Hello All,
I have a very simple hover function that I cannot seem to get to function correctly,
I need to have a div show up over the current hovered div. An overlay. Its for blog postings. IAnytime I hover over one, all of the overlay divs show up. What am I missing?
here's the jQuery:
- $('div.post-overlay').hide();
$('div#excerpt-wrap').hover(
function(){
$('div.post-overlay').show();
},
function(){
$('div.post-overlay').hide();
}
And the HTML(snippet)
<div id="post-63" class="homepost">
<h1 class="title"><a href="http://obeliskwebdesign.com/sandbox/blogs/vc/?p=63" title="Post for Archives to show two months">Post for Archives to show two months</a></h1>
<div class="entry no-image">
<a class="post-hover" href="http://obeliskwebdesign.com/sandbox/blogs/vc/?p=63#more-63" title="Post for Archives to show two months">
<div id="excerpt-wrap">
<div class="post-overlay">
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam</p>
<p class="right">
<span class="date-post"><span class="pub-title">Published</span><br />May 1, 2010</span>
</p>
<div class="clear"></div>
</div>
</a>
</div>
<div class="meta">
<span class="categories-post">Filed Under: <a href="http://obeliskwebdesign.com/sandbox/blogs/vc/?cat=7" title="View all posts in Trends" rel="category">Trends</a></span>
</div>
</div>
URL: http://obeliskwebdesign.com/sandbox/blogs/vc/
Any help on this would be greatly appreciated.
Thanx,
Daniel