[résolu]Onglet dynamique avec onmouseover...

Fermé
shushugo Messages postés 39 Date d'inscription mercredi 26 décembre 2007 Statut Membre Dernière intervention 21 juin 2013 - Modifié par shushugo le 26/10/2011 à 01:06
Bonjour, Je n'arrive pas a trouver et pourtant j'en ai fait des tests/recherches donc si quelqu'un a quelques seconde à accorder a un noble débutant je l'en remercierai ^^
Avec quelques recherches j'ai pu faire ce bout de code en JavaScript mais rien de mien fonctionnel est-ce que je m'y prend mal?

<div id="tabbed_box" class="tabbed_box">
<div class="tabbed_area">
<script type="text/javascript" src="/scripts/jquery-1.2.3.min.js"></script>
<script type="text/javascript">

$(document).ready( function() {
$("a.tab").onmouseover=function() {
$(this).addClass("active");
var contenu_aff = $(this).attr("title");
$("#" + contenu_aff).slideDown();
}
$("a.tab").onmouseout=function() {
$(".active").removeClass("active");
$(".content").slideUp();
}
}
);
</script>
</script>


mes onglets sont de type:

<ul class="tabs">
<li><a href="#" title="content_1" class="tab">titre de l'onglet</li></a></a></li>

<div style="display: none;" id="content_1" class="content">
<ul>
<li><a href="index_fr.php" title="content_1" class="tab active">contenu</a></li>
</ul>
</div>

Toutes aides est la bienvenue ^^

ps: je débute complètement dans le javaScript