Question

I have a very simple js script that works for hovers, but I want to convert the hover into a click feature. When I try to switch hover to click though, it does not work.

Here is the complete example script just for reference. When someone hovers over this class, a little text with a background appears below.
http://pastebin.com/JMTfvDAa

Here’s what I tried for click
http://pastebin.com/M0X37APD

If someone could help me covert the hover into click, I would heavily appreciate it!

Thanks,

Answer 1

Try like below,

$(document).ready(function() {
    $(".menu a").click(function() {
        var $this = $(this);

        if (!$this.hasClass('clicked')) {
            $this.next("em").animate({
                opacity: "show",
                bottom: "-155"
            }, "fast");

            $this.addClass('clicked');
        } else {
            $this.next("em").animate({
                opacity: "hide",
                bottom: "-165"
            }, "fast");

            $this.removeClass('clicked');
        }

    });
});

DEMO