sharepoint - Mouse hover using jquery -
Hello There is something below content editor web part in my entry
but I get details for everyone Even if I am on the first item on the mouse please let me know how to change the code in such a way that it will display only the article of the item which is hovering over. Please tell me if I am not clear.
My code from xsl:
Thanks,
Look at your markup like this:
& lt; Div class = "divTitleLink" & gt; & Lt; A & gt; Your first link & lt; / A & gt; & Lt; Div class = "divDescription" & gt; Your first statement & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "divTitleLink" & gt; & Lt; A & gt; Your second link & lt; / A & gt; & Lt; Div class = "divDescription" & gt; Your second statement & lt; / Div & gt; & Lt; / Div & gt; ...
Then, in your JavaScript:
& lt; Script type = "text / javascript" src = "http: //ajax.googleapis .com / ajax / libs / jQuery / 1.4.2 / jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" & gt; $ (Document) .ready (function () {$ ('a'). Hover (function () {$ (this) .Parent ('div'). ('.divdescription') search Show ();}, Function () {$ (this) .Parent ('div'). ('.divdescription'). Hide ();});});
If I have guessed incorrect markup, then you can adjust it in jQuery, and by using the function.
Comments
Post a Comment