简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

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

WBOY
Lepaskan： 2016-05-16 17:50:12
asal
898 orang telah melayarinya

一、Html代码

复制代码 代码如下:

子菜单1


子菜单2




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

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

三、效果图
基于JQuery的一句话搞定手风琴菜单_jquery
作者:欣静赏悦
Label berkaitan：
手风琴
sumber：php.cn
Artikel sebelumnya：Jquery插件写法笔记整理_jquery Artikel seterusnya：基于jquery的用鼠标画出可移动的div_jquery
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Sesuaikan penampilan pengepala akordion Bootstrap menggunakan kelas CollapseDisplay Saya ingin menggayakan tajuk kad panel dengan rancangan runtuh kelas. Dalam contoh ini, ia...
daripada 2024-04-06 12:53:11
0
1
376
Sambungan pad tersuai dengan ikon sambungan selepas tajuk Saya cuba mencipta akordion tikar dengan panel pengembangan tikar di dalam gelung untuk. M...
daripada 2024-04-02 12:39:50
0
1
381
Hadkan ketinggian segmen akordion yang runtuh Bootstrap 5 Vue3 Saya sedang membina aplikasi web menggunakan Vue3 dan bootstrap5. Tetapi saya fikir soalan...
daripada 2024-03-31 21:56:54
0
1
332
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！