Jquery Blinking issues when using 2 .hover
<p>I want to do 2 .hover :</p>

<ul>
<li><p>first when the cursor is hover the image icons should appear on the
image</p></li>
<li><p>second when the cursor is hover a specific icon, (for exemple info) a
div with the      informations should appear</p></li>
</ul>

<p>I have nearly sucess but I have blinkin problems and when I use the two .hover function the information popup does not show up.</p>

<p>here my html </p>

<pre><code>{LinkOpenTag}&lt;div class="centrage"&gt;&lt;div class="photoDiv"&gt;&lt;img src="{PhotoURL-500}" alt="{PhotoAlt}" /&gt;
                                        &lt;div class="icons"&gt;

                                            {block:Exif}
                                            &lt;span class="info"&gt;&lt;span&gt;
                                            &lt;div class="exif" style="display: none; opacity: 0"&gt;
                                                    &lt;ol class="CameraMeta"&gt;
                                                        &lt;li&gt;{block:Camera}Camera: {Camera}{/block:Camera}&lt;/li&gt;
                                                        &lt;li&gt;{block:Aperture}Aperture: {Aperture}{/block:Aperture}&lt;/li&gt;
                                                        &lt;li&gt;{block:Exposure}Exposure: {Exposure}{/block:Exposure}&lt;/li&gt;
                                                        &lt;li&gt;{block:FocalLength}Focal Length: {FocalLength}{/block:FocalLength}&lt;/li&gt;
                                                    &lt;/ol&gt;
                                            &lt;/div&gt;
                                            {/block:Exif}
                                        &lt;/div&gt;
&lt;/div&gt;{LinkCloseTag}
</code></pre>

<p>and here my jquery</p>

<pre><code>&lt;script type="text/javascript"&gt; 
$(".photoDiv img").hover(
    function() {
        $(this).next().css("visibility", "visible");
    },
    function() {
        $(this).next().css("visibility", "hidden");
    }
);

$("span.info").hover(
    function() {
        $(".exif").css("display", "block");
        $(".exif").css("opacity", "1");
    },
    function() {
        $(".exif").css("display", "none");
        $(".exif").css("opacity", "0");
    }
);
</code></pre>

<p>       </p>

<p>Thanks for your time :)</p>
