Bonjour,

J'ai installé des tabs jquery sur mon site web et je n'arrive pas à laisser le premier onglet actif (je veux dire par là le premier onglet apparent quand j'arrive sur mon site).

Je suis débutant en javascript et jquery, merci de votre aide et de vos explication


Le jquery qui est dans le head :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<!-- tabs biographie -->
<script type="text/javascript">
$(document).ready(function() {
//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
}); 
</script>

le html :


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<ul class="tabs">
    <li><a href="#tab1"><img src="images/raphael.png"/></a></li>
    <li><a href="#tab2"><img src="images/thomas.png"/></a></li>
</ul>
 
<div class="tab_container">
    <div id="tab1" class="tab_content">
        <div class="biographie">
 
 
        </div>
    </div>
 
    <div id="tab2" class="tab_content">
     <div class="biographie2">
 
     </div>
    </div>
</div>
 
<!--  fin de Tabs -->

Je vous remercie par avance de votre aide.