My issue is most likely relatively easy, but I am not at this level of skill yet. Let me use a text-scrambling effect with jQuery on my small H3's during my Wordpress sidebar. I discovered the H3 tags here (before_title and after_title):

register_sidebar( array(
    'name' => __( 'Main Sidebar', 'twentyeleven' ),
    'id' => 'sidebar-1',
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => "</aside>",
    'before_title' => '<h3 class="widget-title" >',
    'after_title' => '</h3>',
) );

I attempted adding onmouseover='$("#unscramble").unscramble(); return false;' within the opening h3 tag, however it broke my page, not surprisingly. I am unsure how I'd start using this effect anyway. The way in which it's arranged now, I guess mousing more than one trigger will trigger all h3s around the page, whereas I simply want to trigger the present h3 I am mousing over. I am attempting to make use of the 'unscramble' effect that exist at

Any help greatly appreciated :)

despite the fact that putting HTML or javascript code in PHP isn't a sound practice. but have you escape the only quotes in mouseover? like:

onmouseover=\'$("#unscramble").unscramble(); return false;\'

You need to make certain you're using the ID (unscramble) that you're choosing inside your jQuery (the $('#unscramble')-part) for your h3s (even though this won't work using more than one h3 so ignore this) OR choose the element that creates the function via $(this) (this really is strongly preferred as technology-not only with as numerous elements as you desire).

Would read: onmouseover='$(this).unscramble();' You are able to skip the return false; btw because this is not really a link or something like that else with default mouseover behavior (a minimum of that is what I believe).

See individuals good examples: and

Edit: As others have mentioned I too would think it might be just a little easier to generate this behavior inside a seperate <script>-part, but that is only a side note

Try binding it elsewhere:

$("h3.widget-title").mouseover(function() {
    // do something
}).mouseout(function() {
    // do something else