[Réglé] Code jquery pour style utilisant pluging Showhide

Ce forum aborde toutes les questions qu'un codeur ou webmaster pourrait se poser, et n'ayant aucun rapport direct avec phpBB.
Tout ce qui peut concerner la récupération des sessions de phpBB sur votre site, doit se faire dans cette section.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] Code jquery pour style utilisant pluging Showhide

Messagepar tomberaid » 01 Aoû 2017 à 19:21

Hello
Cela fait des jours que je me bats en testant divers codes afin d'obtenir le résultat visible sur l'image ci-dessous.
Image
À savoir, quand la catégorie est repliée (contenu non visible), il faut que li.header ait les coins arrondis et quand cela est dépliée (contenu visible) que li.header n'est que les coins supérieurs arrondis.
Le dernier code testé est celui là :
Code: Tout sélectionner
/* Collapse categorie border */
$('li dl dd.control').click(function() {
	if ($(this).closest('li').hasClass('rounded')) {
		$(this).closest('li').removeClass('rounded');
	} else {
		$(this).closest('li').addClass('rounded');
	}
});

Ce code ne fonctionne pas comme il faudrait, il est certainement incomplet mais je sèche. En dehors du css et html, suis un nul.
La class control est le plus/moins sur lequel on clique.
$(this).closest('li') est pour pointer sur le li.header dont dépend la class control (et seulement celle là).
La class control a l'ajout de la class hidden quand c'est replié et la class visible quand c'est déplié (c'est le plugin jquery qui les ajoute).
La class rounded est celle qui ajoute la propriété border-radius sur les coins qui ne sont pas arrondis.
Et comme les images parlent plus que les mots :
Image

Par avance, merci à celui ou celle qui saura éclairer ma lanterne.
Image
Avatar de l’utilisateur
tomberaid
Roi des posts
Roi des posts
 
Messages: 675
Enregistré le: 18 Juin 2009 à 00:27

Re: Code jquery pour style utilisant pluging Showhide

Messagepar tomberaid » 03 Aoû 2017 à 23:23

Sujet résolut.
Comme quoi à force de chercher, on trouve toujours une solution.
A+
Image
Avatar de l’utilisateur
tomberaid
Roi des posts
Roi des posts
 
Messages: 675
Enregistré le: 18 Juin 2009 à 00:27

Re: Code jquery pour style utilisant pluging Showhide

Messagepar Kewee » 04 Aoû 2017 à 08:49

GG à toi :mrgreen:
euh... je suis une fille, hein ? ok ? faites un effort ! arrêtez de dire "il" en parlant de moi, merci
Vous avez le droit d'aider si vous avez la réponse ou une piste, n'hésitez pas, on n'égorge pas les honnêtes gens ^^
Avatar de l’utilisateur
Kewee
Graphiste
Graphiste
 
Messages: 12187
Enregistré le: 01 Déc 2005 à 18:17
Localisation: mais mais mais... et vous voulez pas mon numéro aussi?


Retourner vers Coding, Webmastering et Sécurité informatique

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Google [Bot], Yahoo [Bot] et 4 invités