タグ: アコーディオン

クリック　アコーディオン

1
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

jクエリだけでできる。

1
2
3
4
5
6
7
<script> //クリックタブ
    $(function(){
        $(".dclick").on("click", function() {
            $(this).next().slideToggle();
        });
    });
</script>

クリックする部分のクラスを追加

1
2
<div class="ca">タイトル</div>
<div class="tab">開く部分</div>
1
2
3
4
5
6
7
8
.dclick {
}
.tab {
    display: none;
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 20px;
}

開く部分をdisplay: none;にする。