jQuery Forum

Hi All,

I'm trying to create a sliding div inside a product on a product category page. But I can't figure out how to target just the div inside the div I'm hovering.

Here is my js code ("jQuery" is needed instead of "?" in Wordpress ) ...

1. <script>
2. jQuery( ".woocommerce ul.products li.product, .woocommerce-page ul.products li.product" ).hover(function() {
3. jQuery( ".product-info-slide" ).toggleClass( "showMe", "hideMe" );
4. });
5. </script>

It toggles all the the .product-info-slide divs. I just want the one inside the hovered div.

Thanks.

Dan

Hi All,

I need to have a div slide into the page, preferably from the bottom of the browser window, but the top or side will be okay if bottom is not doable. I need it to slide in after a defined time in seconds. And it needs to slide back out on clicking a [close] button or link.

Any ideas?

Here's one that would work if it didn't require a button to open ...

http://tutorialzine.com/2010/05/bounce-in-box-plugin-jquery/#comment-23414

Thanks.

Dan