Forum : Système en savoir plus

Hello,

J'essais d'utiliser le jquery afin de faire un système de "En savoir plus", je doute que mon code de base soit le plus optimisé possible mais bon...

Quelle méthode utiliseriez-vous afin que chaque "En savoir plus", s'ouvre et se ferme indépendamment ?

<style>
*
{
font-family : "Verdana";
width: 200px;
color: white;
}
.texte
{
background-color: #585858;
}
.plus, .moins
{
background-color: #2ECCFA;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js">
</script>
</head>
<body>
<div class="plus" id="plus">En savoir plus</div>
<div class="moins" id="moins">En savoir moins</div>
<div class="texte" id="texte">BlaBlaBla</div>
<div class="plus" id="plus">En savoir plus</div>
<div class="moins" id="moins">En savoir moins</div>
<div class="texte" id="texte">BlaBlaBla</div>
<div class="plus" id="plus">En savoir plus</div>
<div class="moins" id="moins">En savoir moins</div>
<div class="texte" id="texte">BlaBlaBla</div>
<script>
$("#moins").hide();
$("#texte").hide();
$("#plus").click(function () {
if ($("#texte").is(":hidden")) 
    {
    $("#texte").slideDown("slow"); 
    $("#moins").show();
    $("#plus").hide();
    }
});
$("#moins").click(function () {
if ($("#texte").is(":visible")) 
    {
    $("#texte").slideUp("slow");
    $("#plus").show();
    $("#moins").hide();
    }
});
</script>

Merci d'avance.

Système en savoir plus

2 réponses