Problemi con tabs jquery

fradamma

Utente Attivo
28 Set 2012
93
0
0
Salve a tutti, ho delle altre tab (in questo caso però non l ho fatto io), con 3 tabs dove però al click sul secondo e terzo tab non succede nulla, in quanto non cambia tab. Come è possibile? il codice mi sembra giusto....Grazie a tutti. Posto il codice:

JAVASCRIPT
Codice:
$(".dettaglio_pilota .box_content ul li a").click(function(){ 

var nome_box = $(this).attr("rel"); 

$(".dettaglio_pilota .box_content ul li").removeClass("active"); 

$(this).parent().addClass("active");

$(".box_profilo").addClass("hidden");

$("#"+nome_box).removeClass("hidden");

return false;

});

HTML
HTML:
<div class="box_content">
<ul>
<li class="active"><a href="#" rel="profilo">PROFILO</a></li>
<li><a href="#" rel="biografia">BIOGRAFIA</a></li>
<li><a href="#" rel="palmares">PALMARES</a></li>
</ul>

<!--Box profilo-->
<div class="box_profilo" id="profilo">
Lorem ipsum dolor sit amet...
</div>

<div class="box_profilo hidden" id="biografia">
Lorem ipsum dolor sit amet...
</div>

<!--Box palmares-->
<div class="box_profilo hidden" id="palmares">
Lorem ipsum dolor sit amet...
</div>
</div>
 
Ultima modifica di un moderatore:
Usa i tag per formattare i codici che posti Ultime 3 icone seconda linea della barra di formattazione
 
a me funziona
il contenuto dei 3 tab è sempre lo stesso di conseguenza non noti la differenza, cambialo leggermente
HTML:
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <style>
            .hidden {
                display: none;
            }
        </style>
        <script type="text/javascript">
            $(document).ready(function(){
                $(".box_content ul li a").click(function(){ 

                    var nome_box = $(this).attr("rel"); 

                    $(".box_content ul li").removeClass("active"); 

                    $(this).parent().addClass("active");

                    $(".box_profilo").addClass("hidden");

                    $("#"+nome_box).removeClass("hidden");

                    return false;

                });
            })
           
        </script>
    </head>
    <body>
        <div class="box_content">
            <ul>
                <li class="active"><a href="#" rel="profilo">PROFILO</a></li>
                <li><a href="#" rel="biografia">BIOGRAFIA</a></li>
                <li><a href="#" rel="palmares">PALMARES</a></li>
            </ul>

            <!--Box profilo-->
            <div class="box_profilo" id="profilo">
                Lorem ipsum dolor sit amet...dasd
            </div>

            <div class="box_profilo hidden" id="biografia">
                Lorem ipsum dolor sit amet...d
            </div>

            <!--Box palmares-->
            <div class="box_profilo hidden" id="palmares">
                Lorem ipsum dolor sit amet...asdasdasd
            </div>
        </div>
    </body>
</html>
 

Discussioni simili