JS アコーディオン

サイトマップ

ホームページとデザインの会社
株式会社ジェイプラン

menu
 
  JS アコーディオン

JS アコーディオン

HTML

<ul class="menu switch">
<li><a class="toggle ">メニュー1</a>
<ul class="child">
<li><a href="hp.html">メニュー1の子供</a></li>
<li><a href="http://lovesea.co.jp">メニュー1の子供</a></li>
<li ><a href="ume-owner.html">メニュー1の子供</a></li>

<li><a href="event.html">メニュー2</a></li>
<li><a href="http://jplan.me/company.html" class="">めにゅー3</a></li>
</ul>

 

CSS

.child {
display: none;
}

 

 

JS

function acd() { //ここでacdを指定
$(this).toggleClass("active").next().slideToggle(300);
}

$(".switch .toggle").click(acd);//ここでacdの処理を指定

 

印刷はこんなに安かったの?

梅オーナー情報はこちら

おすすめレンタルサーバー

独自SLLが無料!月額100円~使える!使いやすく初心者にお勧め!


ホームページお役立ち情報

記事はありません

お探しの記事は見つかりませんでした。

東京・千葉の中国語教室

中国語教室