Pasar de un li a otro

[GeekGirl]

Si lo que querés es cambiar el li activo (al menos yo entendí eso) podrías hacer algo como esto:

Código HTML:

 <a href="#" class="leftBtn"><i class="fa fa-angle-left fa-4x"></i></a>
     <ul>
            <li  id="1" class="active">
                   <div class="info">
                            <h3>Un toque de fachada 1</h3>
                   </div>
             </li>
            <li  id="2">
                   <div class="info">
                            <h3>Un toque de fachada 2</h3>
                   </div>
             </li>
            <li  id="3">
                   <div class="info">
                            <h3>Un toque de fachada 3</h3>
                   </div>
             </li>
     </ul>
	<a href="#" class="rightBtn"><i class="fa fa-angle-right fa-4x"></i></a> 

Código Javascript:

$(document).ready(function(){
        $(".leftBtn, .rightBtn").click(function(e){
            e.preventDefault();
            var accion = $(this).hasClass("leftBtn") ? "restar" : "sumar";
            
            $.each( $("li"), function() {
              if ($(this).attr("class") == "active") {
                $(this).removeClass("active");
                var liId = parseInt($(this).attr("id"));
                
                if (accion == "sumar") {
                    liId++;
                } else {
                    liId--;
                }
                
                if (liId > $("li").length) {
                    liId = 1;
                } else if (liId < 1) {
                    liId = 3;
                }
                
                $("#" + liId).addClass("active");
                return false;
              }
            });
        });
    });
 

Deberías definir con CSS si esa clase active da un determinado color de fondo o lo que necesites hacer.

Seguramente habrá formas más óptimas de hacer el código, pero un domingo a esta hora mucho más no pude hacer :P

Saludos