---
title: "JQuery mouseOver fades in twice only want once"  
description: "JQuery mouseOver fades in twice only want once"  
author: "Anonymous User"  
published: 2014-12-31  
updated: 2014-12-31  
canonical: https://www.mindstick.com/forum/12833/jquery-mouseover-fades-in-twice-only-want-once  
category: ".net"  
tags: ["jquery", "html", "css"]  
reading_time: 1 minute  

---

# JQuery mouseOver fades in twice only want once

The [version](https://www.mindstick.com/articles/12845/things-to-remember-while-migrating-odoo-to-a-better-version) can be shown here. I want the existing [text](https://www.mindstick.com/blog/301635/did-people-reinvent-texting-to-express-the-full-range-of-emotions) 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/
```

## Replies

### Reply by Anonymous User

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.


---

Original Source: https://www.mindstick.com/forum/12833/jquery-mouseover-fades-in-twice-only-want-once

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.