本文實(shí)例講述了jquery實(shí)現(xiàn)簡(jiǎn)單手風(fēng)琴菜單效果的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

dd').hide();

$('.accordion > dt > a').click(function() {

allPanels.slideUp();

$(this).parent().next().slideDown();

return false;

});

})(jQuery);

dion">

Pellentesque fermentum dolor. Aliquam quam lectus,facilisis auctor,ultrices ut,elementum vulputate,nunc.

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Lorem ipsum dolor sit amet,consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque,aliquet vel,dapibus id,mattis vel,nisi. Sed pretium,ligula sollicitudin laoreet viverra,tortor libero sodales leo,eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

SCSS部分：

dion {

margin: 50px;

dt,dd {

padding: 10px;

border: 1px solid black;

border-bottom: 0;

&:last-of-type {

border-bottom: 1px solid black;

}

a {

display: block;

color: black;

font-weight: bold;

}

}

dd {

border-top: 0;

font-size: 12px;

&:last-of-type {

border-top: 1px solid white;

position: relative;

top: -1px;

}

}

}

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

總結(jié)

如果覺(jué)得編程之家網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將編程之家網(wǎng)站推薦給程序員好友。

本圖文內(nèi)容來(lái)源于網(wǎng)友網(wǎng)絡(luò)收集整理提供，作為學(xué)習(xí)參考使用，版權(quán)屬于原作者。

小編個(gè)人微信號(hào) jb51ccc

喜歡與人分享編程技術(shù)與工作經(jīng)驗(yàn)，歡迎加入編程之家官方交流群！

總結(jié)

以上是生活随笔為你收集整理的手风琴html例子,jquery实现简单手风琴菜单效果实例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。