Fermer et ouvert un cadre avec li

Fermé

ivan - 4 avril 2017 à 12:09
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 6 avril 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

A voir également:

Fermer et ouvert un cadre avec li
Cette action ne peut pas être réalisée car le fichier est ouvert dans system - Guide
Comment fermer un compte facebook - Guide
Comment faire un cadre sur word - Guide
Tableau suivi forfait jour cadre 2023 ✓ - Forum Excel
Fermer compte paypal - Guide

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
4 avril 2017 à 13:45

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');
   });
});

ivan
4 avril 2017 à 14:31

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

ivan
4 avril 2017 à 14:34

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

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650 > ivan
6 avril 2017 à 02:02

Faut jouer avec les selecteurs CSS.
par exemple pour trouver les éléments "enfants" tu peux utiliser le find : https://api.jquery.com/find/

Réponse 2 / 2

Ivan
6 avril 2017 à 00:45

Des que tu auras 5 mn

Tu peux m'aider à déboguer

Merci

Discussions similaires

Refus connexion... Adresse IP utilisée signalée proxy ouvert

Supprimer un fichier ouvert dans systeme.

Erreur bac papier vide ou ouvert - HP Officejet Pro 8720

Snap ouvre mes messages tout seul

Magasin ouvert le dimanche au Perthus ?

Discussions similaires

Newsletters