スマホのグローバルナビのプルダウン

Question

スマホのグローバルナビゲーションにて

現状は赤矢印のアイコンの部分を押すとプルダウンが開くのですが
これをこのアイコン部分だけでなくその列（業種別活用提案の文字まで含めた）
をクリックしたときにプルダウンが出るようにしたいです。

wordpressを利用しており、テーマはLighting Proです。
下記にHTML、変更前のjQuery、変更後のjQueryを載せました。
HTMLが長くなってしまうのでここではaタグのhref属性は空白にしました

変更後のjQueryでは列をクリックしても最初にifのtrueではなく、false(つまりelse文)が実行されてしまいます。
なのでif文の書き方がおかしいと思ったのですがコードはあっているような気がします。

<ul id="menu-gnavi" class="vk-menu-acc  menu vk-menu-acc-active">
　　<li id="menu-item-4263" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4263"><a href="">－－－－－</a>
　　</li>
　　<li id="menu-item-5114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-5114">
　　　<a href="">業種別活用提案</a><span class="acc-btn acc-btn-open"></span>
　　　<ul class="sub-menu acc-child-close">
	　<li id="menu-item-4822" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4822"><a href="">ーーーー</a></li>
	　<li id="menu-item-5113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5113"><a href="">ーーー</a></li>
　　　</ul>
　　</li>
　　<li id="menu-item-4261" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-4256 current_page_item menu-item-4261"><a href="" aria-current="page">－－－－</a></li>
　　<li id="menu-item-4260" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4260"><a href="">－－－－</a></li>

</ul>

元々のjQueryコード

function vk_menu_acc_click(){jQuery('ul.vk-menu-acc li .acc-btn').click(function(){
  if(jQuery(this).hasClass('acc-btn-open')){
    jQuery(this).parent().addClass('acc-parent-open');
    jQuery(this).removeClass('acc-btn-open').addClass('acc-btn-close');
    jQuery(this).next().removeClass('acc-child-close').addClass('acc-child-open');}
  else{
    jQuery(this).parent().removeClass('acc-parent-open');
    jQuery(this).removeClass('acc-btn-close').addClass('acc-btn-open');
    jQuery(this).next().removeClass('acc-child-open').addClass('acc-child-close');}});}

変更後のjQueryコード

function vk_menu_acc_click(){jQuery('ul.vk-menu-acc li').click(function(){
  var pulldown = jQuery(this).children('span')
  if(jQuery(pulldown).hasClass('acc-btn-open')){
    jQuery(pulldown).parent().addClass('acc-parent-open');
    jQuery(pulldown).removeClass('acc-btn-open').addClass('acc-btn-close');
    jQuery(pulldown).next().removeClass('acc-child-close').addClass('acc-child-open');}
  else{
    jQuery(pulldown).parent().removeClass('acc-parent-open');
    jQuery(pulldown).removeClass('acc-btn-close').addClass('acc-btn-open');
    jQuery(pulldown).next().removeClass('acc-child-open').addClass('acc-child-close');}});}

Comments

[退会済みユーザー]

質問なのですが、
「<a href="">業種別活用提案</a>」ここaタグを使っているので、
「業種別活用提案」というページがあり、
クリックした時に遷移させる必要があるのでは？？

>アイコン部分だけでなくその列（業種別活用提案の文字まで含めた）
>をクリックしたときにプルダウンが出るように
これをやると「業種別活用提案」というページに遷移できなくなります。
遷移できなくなってもOKということですか？

[ic-c]

業種別活用提案はどこにも飛ばさないようにしてあります。
（業種別活用提案というページはそもそも存在しないという状態です）

説明不足でした。
申し訳ありません。

[退会済みユーザー]

ご説明ありがとうございます。
こちらで確認してみた感じでは、最初のクリックでtrueの処理が反映されていました。

[ic-c]

確認していただきありがとうございます
そうですか
それだとここのjQueryの記述以外のどこかに
この部分に関することが書いてあるんですかね、、、

確認してみます