Databases
StackOverflow2013
Postsdbo
POThis jQuery code keeps on sliding down and sliding up the "over2" pane when mouseover on it
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POThis jQuery code keeps on sliding down and sliding up the "over2" pane when mouseover on it
    primarykey
    data
    text
    <pre><code>$(document).ready(function(){ $('#li1').mouseover(function(){ $(".over2").slideDown("slow"); $(".over").hide(); }); $('#li1').mouseout(function(){ $(".over2").slideUp("fast"); $(".over").show(); }); }); </code></pre> <p>the html of this is right here!!</p> <pre><code>&lt;li id="li1" class="news_tabs"&gt; &lt;img src="Images/images.jpg" height="290" width="200" /&gt; &lt;div class="over"&gt; &lt;h5&gt;The blackberry Launched in&lt;/h5&gt; &lt;/div&gt; &lt;div id="over2" class="over2"&gt; &lt;p&gt;The total discription The total discription The total discription The total discription The total discription &lt;/p&gt; &lt;/div&gt; &lt;/li&gt; &lt;li class="news_tabs"&gt; this is two&lt;/li&gt; &lt;li class="news_tabs"&gt;this is three&lt;/li&gt; &lt;li class="news_tabs"&gt; this is four&lt;/li&gt; </code></pre> <p>there is a image , what i want to do is-> when a user mouseover the image the heading hides and a short discription slides from the top , and when the mouseis out then again the heading appears and the discription slides up. but here when the mouse is on the discription which slided down, the discription slides up and down again and again till mouse is out... please help</p> <p>how to stop the sliding down and up uncontrollably by this code?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USRoko C. Buljan
    1. USDivyanshu Negi
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POThis jQuery code keeps on sliding down and sliding up the "over2" pane when mouseover on it
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POThis jQuery code keeps on sliding down and sliding up the "over2" pane when mouseover on it
      1. This table or related slice is empty.
      1. VTDownMod
    3. VO
      singulars
      1. POThis jQuery code keeps on sliding down and sliding up the "over2" pane when mouseover on it
      1. This table or related slice is empty.
      1. VTDownMod
    1. COPlease include your HTML code and perhaps a jsFiddle demo.
      singulars
      1. POThis jQuery code keeps on sliding down and sliding up the "over2" pane when mouseover on it
      1. USSparky
    2. CO<li id="li1" class="news_tabs"><img src="Images/images.jpg" height="290" width="200" /><div class="over"> <h5>The blackberry Launched in</h5></div><div id="over2" class="over2"><p> The total discription The total discription The total discription The total discription The total discription </p> </div> </li> <li class="news_tabs"> this is two</li> <li class="news_tabs">this is three </li> <li class="news_tabs"> this is four</li>
      singulars
      1. POThis jQuery code keeps on sliding down and sliding up the "over2" pane when mouseover on it
      1. USDivyanshu Negi
    3. COIn your question, please. As you can see, code is unreadable in comments.
      singulars
      1. POThis jQuery code keeps on sliding down and sliding up the "over2" pane when mouseover on it
      1. USRobert Harvey
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload