.next('.class') don't work in gallery slideshow
<p>I'm novice in jquery and in this community:)
I have a problem with this example..
I'm trying to animate only div with class logop, but it doesn't work.</p>

<p>thx to all</p>

<pre><code>&lt;div class="logop show" id="mox" style="position:absolute;left:442px;top:360px;opacity:1;width:100px;height:100px;cursor:pointer;z-index:112" onclick="window.location='http://mox.polimi.it';" &gt;
&lt;img src="./partner/mox.png" alt="logo mox" width="100%" height="100%" &gt;
&lt;/div&gt;

&lt;div   id="dot_mox" style="position:absolute;left:412px;top:350px;opacity:0;width:0px;height:0px;cursor:pointer;z-index:111" onclick="window.location='xx';" &gt;
&lt;img src="./partner/dot_blue.png" width="100%" height="100%" &gt;
&lt;/div&gt;

&lt;!-- ************** NOLAN  *********************** --&gt;
&lt;div class="logop" id="nolan" style="position:absolute;left:494px;top:312px;opacity:1;width:100px;height:100px;cursor:pointer;z-index:112" onclick="window.location='http://www.nolan.it/';" &gt;
&lt;img src="./partner/nolan.jpeg" alt="logo nolan"  width="100%" height="100%"  &gt;
&lt;/div&gt;

&lt;div   id="dot_nolan" style="position:absolute;left:464px;top:302px;opacity:0;width:0px;height:0px;cursor:pointer;z-index:111" onclick="window.location='xx';" &gt;
&lt;img src="./partner/dot_blue.png" width="100%" height="100%" &gt;
&lt;/div&gt;

&lt;!-- ************** edison  *********************** --&gt;
&lt;div class="logop" id="edison" style="position:absolute;left:566px;top:265px;opacity:1;width:100px;height:100px;cursor:pointer;z-index:112"  &gt;
&lt;img src="./partner/edison.png" alt="logo edison"  width="100%" height="100%"  &gt;
&lt;/div&gt;

&lt;div id="dot_edison" style="position:absolute;left:526px;top:255px;opacity:0;width:0px;height:0px;cursor:pointer;z-index:111" onclick="window.location='xx';" &gt;
&lt;img src="./partner/dot_blue.png" width="100%" height="100%" &gt;
&lt;/div&gt;

&lt;script&gt;
$(document).ready(function() {
    //Execute the slideShow
    slideShow();
});

function slideShow() {
    //Set the opacity of all images to 0
    $('div.logop').css({
        opacity: 0.0
    });
    //Get the first image and display it (set it to full opacity)
    $('div.logop:first').css({
        opacity: 1.0
    });
    //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
    setInterval('gallery()', 2000);
}

function gallery() {
    //if no IMGs have the show class, grab the first image
    var current = ($('div.show') ? $('div.show') : $('#div:first'));
    //Get next image, if it reached the end of the slideshow, rotate it back to the first image
    // var next = ((current.next().length) ? ((current.next().hasClass('logo_p'))? $('div.logo_p:first') :current.next()) : $('div.logo_p:first'));  
    var next = current.next(".logop");
    //Set the fade in effect for the next image, show class has higher z-index
    next.css({
        opacity: 0.0
    }).addClass('show').show().animate({
        opacity: 1,
        width: "183px",
        height: "55px"
    }, 700);
    //Hide the current image
    current.animate({
        opacity: 0,
        width: "0px",
        height: "0px"
    }, 700).removeClass('show');
}
&lt;/script&gt;
</code></pre>
