Grow your CSS skills. Land your dream job.

Help with jquery hover audio effect in WordPress post

  • # March 30, 2013 at 2:18 pm

    Hi everyone,

    I recently started experimenting with javascript and jquery, but I’ve gotten myself a bit stuck, and I’m wondering if anyone has any ideas that might help.

    It’s a WordPress post, and I’m trying to have a CSS:hover effect also trigger an audio file using jQuery. I can’t seem to get the jQuery part to work in WordPress. I’m using a plugin to inject inline CSS and the jQuery into the post page header.

    [Here's the page](http://bit.ly/ZtP8tJ “Here’s the page”) I’m trying it on.

    The hover effect is on the 50px tall magenta bar immediately above the comment form.

    Here’s the styling and javascript I’m using. I apologize for not inserting the code properly in the discussion here. Can’t seem to figure that out either:

    When I hover over the div, the hover state change works, but the jquery isn’t being triggered. Would someone mind pointing me in the right direction?

    Much appreciated,
    Chad

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".