forum

Home / DeveloperSection / Forums / JQuery mouseOver fades in twice only want once

Ask Question

JQuery mouseOver fades in twice only want once

Anonymous User 2007 31-Dec-2014
The version can be shown here. I want the existing text to fade out and the new text to fade in. For some reason this fades in twice weirdly.

$(window).load(function(){
var originalTitle = $('.Pinctitle').text();
$('body').on('mouseenter', '.Pselectorbutton', function(){
    var text = $(this).data('title');
    $('.Pinctitle').text(text);
});
$('body').on('mouseleave', '.Pselectorbutton', function(){
    $('.Pinctitle').text(originalTitle);
});
});
http://jsfiddle.net/ejnxyhke/
.net jquery  html  css 
Updated on 31-Dec-2014
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

Anonymous User

31-Dec-2014
You may try this:

$('body').on('mouseenter', '.Pselectorbutton', function(){
    var text = $(this).data('title');
    $('.Pinctitle').stop(1,1).animate({opacity: 0}, 'slow', function() {
        $(this).text(text);
    }).animate({opacity: 1}, 'slow');
});
Also another One.

Liked By