JQuery Menu Наведите, но не при нажатии - PullRequest
0 голосов
/ 06 июня 2011

HTML Структура:

<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).
});

});

1 Ответ

1 голос
/ 06 июня 2011

Ваш вопрос не очень понятен, но вы хотите что-нибудь подобное?

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;
});
...