Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to prevent SlideToggle function queue?
    primarykey
    data
    text
    <p>Case: Jquery code manage a sliding EM tag (with slideToggle function) for its appearing on hover.</p> <p>Problem: The slideToggle sometimes queue the hover state. I referred to this article: <a href="http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup" rel="nofollow noreferrer">http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup</a></p> <p>I tried to insert stop() function, but this not affect slideToggle(); But the methods it'going good for animate function.</p> <p>This is the code where i working on:</p> <p><strong>Jquery Code:</strong></p> <pre><code>$(document).ready(function() { $('#ProdImg a .priceTag').slideUp(); $('#ProdImg a').mouseover(function() { $(this).stop().find('.priceTag').slideToggle(); }); $('#ProdImg a').mouseout(function() { $(this).stop().find('.priceTag').slideToggle(); }); }); </code></pre> <p><strong>HTML code:</strong></p> <pre><code>&lt;div id="ProdImg" style=" height:240px;"&gt; &lt;a title="TEXT" href="TEXT_URL" style="position:absolute; margin-left:10px;"&gt; &lt;em style="text-align:right; color:#666;" class="priceTag"&gt; &lt;div class="colorGoldGradient" style="width:100%;"&gt; &lt;div class="rightGoldGradient" style="width:100%;"&gt; &lt;div class="leftGoldGradient" style="width:100%;"&gt; &lt;div style="padding-left:5px; padding-right:10px;"&gt;Prezzo:&lt;br /&gt; TEXT &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/em&gt; &lt;span class="offertaTag"&gt;&lt;span&gt; &lt;/a&gt; &lt;/div&gt; </code></pre>
    singulars
    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. This table or related slice is empty.
    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.
 

Querying!

 
Guidance

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