jQuery Menu Hover, but don't at click

Question

HTML Structure:

<a class="fadeThis"  id="paperoff" href="#"><span id="paperon" class="hover">News</span></a>

JAVASCRIPT:

$('.fadeThis > .hover').empty();    

$('.fadeThis').each(function () {
    var text = $(this).text();
    $(this).append(''+text+'');

    var $span = $('> span.hover', this).css('opacity', 0);  
    $(this).hover(function () {
        $span.stop().fadeTo(500, 1);
    }, function () {    
        $span.stop().fadeTo(500, 0);
    }).click (function () {
        // HERE SOMETHING THAT TELLS TO NOT FADE BACK THE SPAN (ONLY FOR THE CLICKED DIV).
});

});

K sorry! The link is here: Laye.rs , when you click the upload button in the menu, I want that it keeps fade in and doesn't fade out! Because the upload is active! — Max
– Max, Commented Jun 6, 2011 at 13:40

Litek · Accepted Answer · 2011-06-06 13:20:16Z

1

Your question is not very clear, but do you want someting like this?

var fadeBlock = false;
$(this).hover(function () {
$span.stop().fadeTo(500, 1);
}, function () {
    if (!fadeBlock) {
      $span.stop().fadeTo(500, 0);
} else { fadeBlock = false;}
}).click (function () {
   fadeBlock = true;
});

answered Jun 6, 2011 at 13:20

Litek

4,8782 gold badges26 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Menu Hover, but don't at click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related