Pasar de un li a otro

[GeekGirl]

No funciona porque en tu HTML tenés otros li además de los que necesitás. Haciendo un pequeño cambio anda sin problemas. Agregá un identificador a la ul contenedora de los li que querés ir intercambiando:

Código HTML:

 <ul id="listaCuadros">
                        <li>
                            <div class="info">
                                <h3>Nuevo cuadro 1</h3>
                            </div>
                        </li>
                        <li>
                            <div class="info">
                                <h3>Nuevo cuadro 2</h3>
                            </div>
                        </li>
                        <li>
                            <div class="info">
                                <h3>Nuevo cuadro 3</h3>
                            </div>
                        </li>
                        <li>
                            <div class="info">
                                <h3>Nuevo cuadro 4</h3>
                            </div>
                        </li>   
                        <li>
                            <div class="info">
                                <h3>Nuevo cuadro 5</h3>
                            </div>
                        </li>
                        <li>
                            <div class="info">
                                <h3>Nuevo cuadro 6</h3>
                            </div>
                        </li>                           
                    </ul> 

Y luego modificá en el JS de la siguiente manera:

Código Javascript:

sig = actual.next().is("li") ? actual.next() : $("#listaCuadros li").first();
 

No te pasaba al primero, porque estaba tomando el primer elemento li del documento, que no es el primer li de tus cuadros.

Saludos :)