<!-- htmlの構造 --> <ul> <li class="cat-item cat-item-56 current-cat-parent current-cat-ancestor"><a href="" >親1</a> <ul class='children'> <li class="cat-item cat-item-49 current-cat"><a href="" >子1</a> </li> </ul> </li> <li class="cat-item cat-item-55"><a href="" >親2</a> <ul class='children'> <li class="cat-item cat-item-52"><a href="" >子1</a> </li> </ul> </li> </ul>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> <ul id="CatList"> <?php wp_list_categories( array('title_li' => '', 'taxonomy' => 'tag', 'show_count' => 0 ) ); ?> </ul> <script> $(function() { var $sub = $('.children'); $(".children").hide(); $('.cat-item-26').hover( function(){ // stop関数を追加 $sub.stop().slideDown(); }, function(){ // stop関数を追加 $sub.stop().slideUp(); } ); }); </script> </div> </body> </html>
wordpressのlistタグの開閉についての質問です。今の状態だと、親1タグにマウスを充てると、親2の子のリストまで開いてしまいます。wp_list_categories()を使ってリストは生成されているので、そのページのコードを見ると、子タグのclass=childrenに自動的に設定されてしまっています。特定の親の子に一意に対応させる方法はないでしょうか。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。