はじめまして。
知識が足りず、教えて頂きたいのですが、
以下の例のような
dt dd を使い作成した説明文のリストを、別ページからリンクした時に、
指定のものだけ内容が開いている(タブが開いている)状態にしたいと思います。
例)
html
1<dt id="tab1" class="accordion">ご注文について</dt> 2 <dd class="accordion"> 3 <h3>ご注文の流れ</h3> 4 <p>1)商品を選択してショッピングカートに入れます。<br><br>
下記のようにjqueryを記述して進めようとしていましたが、
遷移先の項目が開かれません。
もし分かる方がいらっしゃればご教示いただければ幸いです。
javascript
1<script> 2<script> 3 $('.accordion + dd').hide(); 4 $('.accordion dt').click(function(){ 5 $(this).next('+ dd').slideToggle(); 6 $(this).next('+ dd').siblings('+ dd').slideUp(); 7 }); 8</script>
よろしくお願い致します。
回答2件
あなたの回答
tips
プレビュー