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

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

lua - HowTo create a fuel bar -