Bonjour/soir
Codeur du dimanche, je suis en train de développer mon site et je me heurte à un soucis qui m'a déjà valu plusieurs épiages de pages google. L'intitulé du sujet résume assez bien mon objectif.
J'aimerais développer un menu à la manière de la hiérarchisation de dossiers numériques (dossier > sous-dossier > fichier) qui fonctionne avec un icône "+" et un icône "-".
En bref, plus on clique sur un icône, type "+", plus on rentre dans les détails d'un sujet.
Si je reprends l'exemple ci-dessus: le premier clic sur l’icône "+" fait apparaître le sous-dossier, le deuxième clic sur l’icône "+" fait apparaître le fichier.
Et ce chemin, de manière identique mais à l'inverse (par disparition) avec un icône "-".
Pour tous se caler sur un même exemple de démo "simple" et qui m'aiderait à comprendre l'ensemble de la mécanique à adopter.
en code html:
et du côté du javascript:
Voilà, j'espère avoir été clair à la lecture, je reste pas loin si vous souhaitez des précisions et remercie d'avance toutes les âmes charitables qui participeront à me dépêtrer de ce problème
Codeur du dimanche, je suis en train de développer mon site et je me heurte à un soucis qui m'a déjà valu plusieurs épiages de pages google. L'intitulé du sujet résume assez bien mon objectif.
J'aimerais développer un menu à la manière de la hiérarchisation de dossiers numériques (dossier > sous-dossier > fichier) qui fonctionne avec un icône "+" et un icône "-".
En bref, plus on clique sur un icône, type "+", plus on rentre dans les détails d'un sujet.
Si je reprends l'exemple ci-dessus: le premier clic sur l’icône "+" fait apparaître le sous-dossier, le deuxième clic sur l’icône "+" fait apparaître le fichier.
Et ce chemin, de manière identique mais à l'inverse (par disparition) avec un icône "-".
Pour tous se caler sur un même exemple de démo "simple" et qui m'aiderait à comprendre l'ensemble de la mécanique à adopter.
en code html:
<h1 class="titre">Titre du sujet</h1>
<p class="description" style="display:none;">Description</p>
<img src="#" class="iconographie" style="display:none;">
<div class="detail_show">+</div> <div class="detail_hide">-</div>et du côté du javascript:
<script type="text/javascript">
$(function() {
$('.detail_show', '.titre').click(function(){
$('.description').show('normal');
});
$('.detail_hide').click(function(){
$('.description').hide('normal');
});
//avec ici le soucis, de l'ordre… comment dire que les commandes à suivre ne peuvent être enclenchées uniquement et uniquement si les commandes ci-dessus ont été activées?
$('.detail_show', '.description').click(function(){
$('.iconographie').show('normal');
});
$('.detail_hide').click(function(){
$('.iconographie').hide('normal');
});
});
</script>Voilà, j'espère avoir été clair à la lecture, je reste pas loin si vous souhaitez des précisions et remercie d'avance toutes les âmes charitables qui participeront à me dépêtrer de ce problème
