Remove and Replace JS Opacity Hover | WordPress.org

fulltiltlol
(@fulltiltlol)

14 years, 3 months ago

I’m using the mygrid2 theme. I would like to remove the JavaScript opacity hover which fades the link for a few seconds when mouse over. I would like it to be instant, still have the roll-over but remove the opacity animation.

Would this be something i would be able to edit easily in the js files?

http://pastebin.com/i2YXm1sC

Viewing 3 replies - 1 through 3 (of 3 total)

Alessio Lo Vecchio
(@youon)

14 years, 3 months ago
Probably you have to change from 600 to 0 and from 1000 to 0 (they are milliseconds).
```
jQuery('#latestpost li').hoverIntent(function() {
        jQuery(this).find('.postinn')
                .animate({
                        opacity: '1',
                }, 600);

        } , function() {
        jQuery(this).find('.postinn')
                .animate({
                        opacity: '0',
                }, 1000);

});
```
Thread Starter fulltiltlol
(@fulltiltlol)

14 years, 3 months ago

Ah lovely, thanks YouON.

There is however still a slight delay between hover and the animation, id say half a second or less, but noticeable. Any more pearls of wisdom?

Alessio Lo Vecchio
(@youon)

14 years, 3 months ago

Instead of animate, I think you can use toggle
http://api.jquery.com/toggle/

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Remove and Replace JS Opacity Hover’ is closed to new replies.

In: Fixing WordPress
3 replies
2 participants
Last reply from: Alessio Lo Vecchio
Last activity: 14 years, 3 months ago
Status: not resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics