Wordpressのテーマで、下記のように変更を希望しています。
【現状】
メニューのトグルをクリックすると、サブメニューが出てくる。
【希望】
メニューにマウスオーバーするだけで、サブメニューが出てくる。サブメニューからマウスを離すと表示は消える。(トグルさんには消えていただきたい。)
おそらく下記のjavulascriptとPHPのあたりを変えればいいのかな、、??
と思っているのですが、
どこをどうすればいいのでしょうか?
【現状のjavascriptとPHP】
javascript
1(function() { 2 $( '#navigation .current-menu-item' ).parents( '.sub-menu' ).show() 3 .prev( '.submenu-switch' ).find( '.fa' ).removeClass( 'fa-angle-down' ).addClass( 'fa-angle-up' ); 4 5 $( '#navigation .submenu-switch' ).click(function() { 6 var $switch = $(this); 7 $switch.next( '.sub-menu' ).toggle( 500, function() { 8 $switch.find( '.fa' ).toggleClass( 'fa-angle-down fa-angle-up' ); 9 10 if ( 'true' == $switch.attr( 'aria-expanded' ) ) { 11 $switch.attr( 'aria-expanded', 'false' ); 12 } else { 13 $switch.attr( 'aria-expanded', 'true' ); 14 } 15 16 $screenReader = $switch.find( '.screen-reader-text' ); 17 if ( aesblo.expandMenu == $screenReader.text() ) { 18 $screenReader.text( aesblo.collapseMenu ); 19 } else { 20 $screenReader.text( aesblo.expandMenu ); 21 } 22 }); 23 }); 24 25 })();
php
1 <div class="sidebar-buttons clearfix"> 2 <?php if ( is_active_sidebar( 'secondary-sidebar' ) ) : ?> 3 <button type="button" class="active-secondary-sidebar button-toggle"> 4 <span class="screen-reader-text"><?php _e( 'Toggle to the secondary sidebar', 'aesblo' ); ?> </span> 5 <span class="fa fa-ellipsis-h fa-2x"></span> 6 </button> 7 <?php endif; ?> 8 <button type="button" class="close-primary-sidebar button-toggle"> 9 <span class="screen-reader-text"><?php _e( 'Close the primary sidebar', 'aesblo' ); ?> </span> 10 <span class="fa fa-close fa-2x"></span> 11 </button> 12 </div>
まったく要領をえない質問でまことにすみません。
「詳しい人だと見ればわかるのかもな」という、なんとも安易な発想と甘えた根性でダメ元な質問です。
どなたかお詳しい方が、もし、いらっしゃいましたらよろしくお願いいたしますm(__)m
追記です。
【出力されたHTML】はこうなっているようでございます。
HTML
1<div id="primary-sidebar-content" class="primary-sidebar-content"> 2 3 <div class="sidebar-buttons clearfix"> 4 <button type="button" class="close-primary-sidebar button-toggle"> 5 <span class="screen-reader-text">Close the primary sidebar </span> 6 <span class="fa fa-close fa-2x"></span> 7 </button> 8 </div> 9 10 <nav id="navigation" class="site-navigation" role="navigation" aria-label="Primary Menu"> 11 <ul id="ごちゃごちゃと数字と%が書いてある。。。。 12
回答3件
あなたの回答
tips
プレビュー