html - jQuery hover function, not working as expected with paragraph tags -
I have paragraph tags
inside a hover
div and every time The mouse enters the animation in a new paragraph.
Any ideas on what is wrong?
js
$ (document) .ready (function () {$ ($ ('# Col1start'). $ ('# Col1start'). $ (' Stop (True, True) .Fadeine (800);}); $ ("# Container 1A"); Stop (True, True) .FadeOut (800); $ ('# col1start'). Stop (true (true, true). Fadeaut (800); $ ('# col1hover') Hide (); $ ('# col1start'). (True, true). FadeIn (800);});});
HTML
& lt; Div id = "container1a" & gt; & Lt; Div id = "col1start" & gt; & Lt; P & gt; Text 1 & lt; / P & gt; & Lt; P & gt; Text 2 & lt; / P & gt; & Lt; P & gt; Text 3 & gt; & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt;
You can have functions that handle both events at once, this code You have a good start.
$ (document) .ready (function () {$ ('# container1a'). Hover (function () {$ ('# col1start'). Stop (true, True) .Fadeine (800);}, function () ($ ('#' ($) '$' ('# col1start'); $ ('# col1hover'). Stop (true, true). ($); $ ('# Col1hover') Hide ($) ('# col1start'). Stop (true, true). FadeIn (800);});});
< / Div>
Comments
Post a Comment