jquery - only every other li is being affected by simple mouseover mouseout modal window code -
I am trying to write simple code that allows feeding and feedout of specific devices when their related "notification Divides "are eliminated out I have eight catalog items and there are eight related "information divisions" when the first is hidden on li, this "information div" should be faded, and it does, but when I knock on the second le, the third " Infos Div "Fade In. Third Lee affects fifth, and so on. I've included the jQuery code. Any help would be appreciated. Thank you.
$ (document) .ready (function () {$ ('. Case-info'). Hide (); $ ('# text323-b li'). Mouseover (function ) {Var x = $ (this) .index (); $ ('. Case-info'). Eq (x) .fadeIn ();}); $ ('# text323-b li'). (Function ) {Var x = $ (this) .index ($); $ ('Case-info'). Eq (x). FadeOut (function () {$ (this) .hide ();});}); });
I am taking a knife in the dark and assume that you have other Markups are your LI Listings such as & lt; Br / & gt; ro is something like this and it will do the job: $ ('case-info'). ); $ ('# Text323-b li') Mouseover (function () {var x = $ (this) .index ('# text323-b li'); $ ('. Case-info'). Eq (x) .fadeIn ();}) Mouseout (function () {var x = $ (this) .index ('# text323-b li'); $ ('. Case-info'). Eq (x). FadeOut (function () {$ (this) .hide ();});});
Comments
Post a Comment