How to configure this script to start on click instead of on hover ? (jQuery)

[ilya Kraft]

Hello,

I'm struggling to find out how to configure following script to start on mouse click instead of hover.

I tried replacing .hover with .focus .click .mouseover but it did not work.

$(document).ready(function(){
 
    $(".reginput input").hover(function() {
      $(this).next("em").animate({opacity: "show", top: "-75"}, "slow");
    }, function() {
      $(this).next("em").animate({opacity: "hide", top: "-85"}, "fast");
    });
 
});
 

[johny10151981]

here is a little example with your problem

<div onclick='$(".reginput input").hover(function(){$(this).next("em").animate({opacity: "show", top: "-75"}, "slow");}, function() {$(this).next("em").animate({opacity: "hide", top: "-85"}, "fast");});'>
</div>
 

Have any doubt?