jQueryでメニューの表示・非表示

使える、jQueryでアコーディオンメニュー。
そのままいけるやつ。


//css部分

dl.accordion dt::before {
content: '';
position: relative;
float: right;
border: 8px solid transparent;
border-top-color: #000;
width: 0;
height: 0;
top: 5px;
right: 0px;
}


dl.accordion dt.open::before {
content: '';
position: relative;
float: right;
border: 8px solid transparent;
border-bottom-color: #000;
width: 0;
height: 0;
top: -5px;
right: 0px;
}



// JavaScript 部分
$(function() {
$(".accordion dd").css("display","none");
$(".accordion dt").click(function(){
$(this).toggleClass("open").next().slideToggle("fast");
});
});

文言を表示

テストテストテストテストテストテストテストテストテストテストテスト