communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 基于JQuery的一句话搞定手风琴菜单_jquery

基于JQuery的一句话搞定手风琴菜单_jquery

WBOY
Libérer： 2016-05-16 17:50:12
original
939 Les gens l'ont consulté

一、Html代码

复制代码 代码如下:

子菜单1


子菜单2




二、Jquery代码
复制代码 代码如下:

$(function () {
$('.MenuSubTitle').click(function () {
$(this).toggleClass('AccordionCollapse').toggleClass('AccordionExpand').next().toggle('normal');
});
});

三、效果图
基于JQuery的一句话搞定手风琴菜单_jquery
作者:欣静赏悦
Étiquettes associées：
手风琴
source：php.cn
Article précédent：Jquery插件写法笔记整理_jquery Article suivant：基于jquery的用鼠标画出可移动的div_jquery
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Personnalisez l'apparence des en-têtes accordéon Bootstrap à l'aide de la classe CollapseDisplay Je souhaite styliser le titre de la carte d'un panneau avec la classeeffondrementshow. Dan...
Depuis 2024-04-06 12:53:11
0
1
376
Extension de bloc personnalisée avec icône d'extension après le titre J'essaie de créer un accordéon mat avec un panneau extensible en tapis à l'intérieur d'une...
Depuis 2024-04-02 12:39:50
0
1
381
Limiter la hauteur des segments d'accordéon réduits Bootstrap 5 Vue3 Je construis une application Web en utilisant Vue3 et bootstrap5. Mais je pense que cette ...
Depuis 2024-03-31 21:56:54
0
1
332
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal