2016-08-15 7 views
1

ハンバーグメニューをクリックすると、検索メニューが閉じられ、アイコンは十字ではなく、検索メニューをクリックするとハンバーグメニューが閉じ、ハンバーグにアイコンが十字架にならないようにする必要があります。別のメニューをクリックすると、メニューとアイコンの画像が閉じますか?

// Mobile/tablet navigation (clicks, taps)    
$('.toggle-sm-nav, .js-toggle-sm-navigation').click(function(){ 

        // Change button 
        $(this).children('span').toggleClass('glyphicon-align-justify icon-close-menu-cross2'); 

        // Toggle menu on hamburger 
        $('.navcontainer').toggle(); 
        $('.header-nav-container').toggleClass('brgropen'); 

        if($('.header-nav-container').hasClass('brgropen')){ 
         $('body').css('overflow', 'hidden'); 
        } else { 
         $('body').css('overflow', 'visible'); 
        } 

別のメニュー検索

フォーカスサーチフィールド

$('.js-toggle-xs-search').on('click', function(){ 
     $('.sm-searchboxc input#search').trigger('touchstart'); 
    }); 
+0

、あなたの完全なコードを共有したりjsfiddleまたはその種のいずれかのシナリオを作成することができますを開いた... – CNKR

+0

私は2番目のそれは、私は本当にその質問を理解していない。私はsetTimeout関数が何に関連しているのか分かりません。 – Ash

答えて

0
 if ($('.xs-search > button > span').hasClass('icon-close-menu-cross2')) { 
     $('.xs-search > button > span').removeClass('icon-close-menu-cross2').addClass('icon-search'); 
     $('.sm-searchboxc input#search').hide(); 
     $('.searchboxc').find('.site-search').removeClass('active'); 
     } 
     $('.navcontainer').toggle(); 
     $('.header-nav-container').toggleClass('brgropen'); 
     if ($('.header-nav-container').hasClass('brgropen')) 

     $('.js-toggle-xs-search').on('click', function() { 
     var width = $(window).width(); 
     if (width <= 968) { 
      if ($('.sm-searchboxc input#search').hide()) { 
      $('.sm-searchboxc input#search').show(); 
      } else if ($('.xs-search > button > span').hasClass('icon-close-menu-cross2')) { 
      $('.sm-searchboxc input#search').trigger('touchstart'); 
      } 
      if ($('.header-nav-container').hasClass('brgropen')) { 
      $('.toggle-sm-nav, .js-toggle-sm-navigation').children('span').toggleClass('glyphicon-align-justify icon-close-menu-cross2'); 
      $('.navcontainer').hide(); 
      $('.header-nav-container').removeClass('brgropen'); 
      } 
     } else { 
      $('.sm-searchboxc input#search').trigger('touchstart'); 
     } 
     }); 
     $('.sm-searchboxc input#search').on('touchstart', function() { 
      setTimeout(function() { 
        $('.sm-searchboxc input#search').focus(); 
+0

完全なコードを回答として投稿しないでください。代わりに元の質問を編集してください。 – MERose

+0

@Merose:これは質問の解決策だと思われますので、回答として投稿する必要があります。しかし、何が変わったかについての説明がなければ、他の誰にとっても役に立たない。 –

+0

さて、これは質問の最初のコメントに対する反応だったようです。しかし、私は第二に、説明のない答えは役に立たない。 – MERose

関連する問題