Note that there are some explanatory texts on larger screens.

plurals
  1. POHover in IE not working when hovering over full div
    primarykey
    data
    text
    <p>I am using jquery addClass code to show/hide elements when rolling over a div. in all browsers it works but in IE it only works when i rollover some text, not the full div.</p> <p>so in this example, if I rollover the showingtext section of the main div, the hiddentext div will show. but if I mouse into the space in between the two floating divs (where there is now text or anything), the hover doesnt work.</p> <p><strong>UPDATE:</strong> the code below seems to work, but my production code does not. Please refer to this link: <a href="http://jsfiddle.net/H2anm/1" rel="nofollow noreferrer">jsfiddle.net/H2anm/5</a> There are some broken images and such, but if you roll your mouse over the element into the whitespace to the right of the usernames, the location coordinates and the Pref.brand: Gamehouse.. or some of the surrounding whitespace of the Share/Bookmark links, the div collapses and the buttons/bgcolor change disappear.</p> <p>javascript:</p> <pre><code>$(function() { $("div.DivThatsTriggeredOnRollover").hover( function() { $("div.hiddentext").addClass("hiddentextShow"); }, function() { $("div.hiddentext").removeClass("hiddentextShow"); }); }); </code></pre> <p>pseudo-html code:</p> <pre><code>&lt;div class="DivThatsTriggeredOnRollover" style="width:500px;"&gt; &lt;div id="showingtext" style="float:left;width:100px;"&gt; here is showing text &lt;/div&gt; &lt;div class="hiddentext" style="float:right;width:100px;"&gt; here is hidden text &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    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.
 

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