[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 à 18: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: 693
Enregistré le: 17 Juin 2009 à 23:27

Re: Code jquery pour style utilisant pluging Showhide

Messagepar tomberaid » 03 Aoû 2017 à 22: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: 693
Enregistré le: 17 Juin 2009 à 23:27

Re: Code jquery pour style utilisant pluging Showhide

Messagepar Kewee » 04 Aoû 2017 à 07: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: 12191
Enregistré le: 01 Déc 2005 à 17:17
Localisation: mais mais mais... et vous voulez pas mon numéro aussi?

Re: Code jquery pour style utilisant pluging Showhide

Messagepar jmperu » 23 Oct 2017 à 16:08

bonjour,

je débute avec phpbb et je voudrais savoir comment avoir sur une catégorie le symbole pour replier la catégorie

cordialement
jmperu
Posteur néophyte
Posteur néophyte
 
Messages: 10
Enregistré le: 08 Sep 2017 à 17:50

Re: Code jquery pour style utilisant pluging Showhide

Messagepar Steph » 23 Oct 2017 à 17:48

Salut,

La question étant réglée, le sujet a été verrouillé par un membre de l'équipe.

Un sujet = un auteur = une demande

Tu as besoin d'une recherche d'extension.
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 17359
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France


Retourner vers Coding, Webmastering et Sécurité informatique

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 3 invités