Fermer et ouvert un cadre avec li

ivan -
jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention - 6 avr. 2017 à 02:02

Bonjour,

j'ai mis ce code html

	  <!--Début Du Forum-->
	  <ol class="forum">
	  <li>
	  <!--Début Du titre Forum-->
	  <h3 class="forum-titre-index icon-onglet-ouvert">systéme</h3>
	  <!--Fin Du titre Forum-->
	  <!--Début Du Forum catégorie-->
	  <ol class="forum-categorie">
	  <li>
	  <div class="forum-index">
	  <h3 class="forum-index-categorie">windows <span class="visiteur">(13 visiteur(s))</span><p class="description">Description</p><span class="modo">Modo :</span></h3>
	  <ul class="forum-index-discussions-messages forum-stats"><li>discussions : 20</li><li>message : 10</li></ul>
	  <div class="forum-index-auteur"><div class="photo-forum-index icon-avatar-forum-index-homme"><span class="membre-en-ligne"></span></div></div>
	  <div class="forum-index-dernier-message"><h3>titre du topic</h3> le <time datetime="2012-02-11">11 février 2012</time> Par <span>pseudo</span></div>
	  </div>
	  </li>
	  <li>
	  <div class="forum-index">
	  <h3 class="forum-index-categorie">windows <span class="visiteur">(13 visiteur(s))</span><p class="description">Description</p><span class="modo">Modo :</span></h3>
	  <ul class="forum-index-discussions-messages forum-stats"><li>discussions : 20</li><li>message : 10</li></ul>
	  <div class="forum-index-auteur"><div class="photo-forum-index icon-avatar-forum-index-homme"><span class="membre-en-ligne"></span></div></div>
	  <div class="forum-index-dernier-message"><h3>titre du topic</h3> le <time datetime="2012-02-11">11 février 2012</time> Par <span>pseudo</span></div>
	  </div>
	  </li>
	  </ol>
 	  <!--Fin Du Forum catégorie-->
      </li>
	  </ol>
	  <!--Fin Du Forum-->

j'aimerais à l'aide de cette class icon-onglet-ouvert des qu'on clique ca fermer tout le cadre li ensuite ca met icon-onglet-fermer

mais je n'arrives pas à faie caché le cadre

<script>
$(function(){
   $('.icon-onglet-ouvert').click(function(){
      $('.icon-onglet-fermer').toggle() // AFFICHE ET CACHE A CHAQUE CLIQUE SUR LE BOUTTON
   });
});
</script>

merci de m'aider

Afficher la suite

2 réponses

Réponse 1 / 2
jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830
Bonjour,

Côté html , je pense que tu dois ajouter une petite classe fictive qui servira de selecteur : icon-onglet
```
<h3 class="forum-titre-index icon-onglet icon-onglet-ouvert">systéme</h3>
```
cote js
```
$(function(){
   $('.icon-onglet').click(function(){
      $('li').toggle() // AFFICHE ET CACHE A CHAQUE CLIQUE SUR LE BOUTTON
      $(this).toggleClass('.icon-onglet-fermer .icon-onglet-ouvert');
   });
});
```
0
1. ivan
  
  merci, ca marche j'ai mis .forum-categorie a la place li
  
  $(function(){ $('.icon-onglet').click(function(){ $('.forum-categorie').toggle() // AFFICHE ET CACHE A CHAQUE CLIQUE SUR LE BOUTTON $(this).toggleClass('.icon-onglet-fermer .icon-onglet-ouvert'); }); });
  
  mais par contre .icon-onglet-fermer .icon-onglet-ouvert il reste toujours avec
  .icon-onglet-ouvert
  il ne met pas .icon-onglet-fermer il ne remplace
  
  merci
  
  0
2. ivan
  
  et un autre souci
  
  quand il y a 2 catégorie d'un forum
  il ferme les 2 au lieu de fermé qu'un seuil
  
  merci
  
  0
  1. jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830 > ivan
    
    Faut jouer avec les selecteurs CSS.
    par exemple pour trouver les éléments "enfants" tu peux utiliser le find : https://api.jquery.com/find/
    
    0
Réponse 2 / 2
Ivan

Des que tu auras 5 mn

Tu peux m'aider à déboguer

Merci
0

Fermer et ouvert un cadre avec li

2 réponses

Discussions similaires

Newsletters