2016-08-15 11 views
1

Wenn man auf Hamburg-Menü klickt, sollte das Suchmenü geschlossen sein und sein Icon sollte nicht das Kreuz sein und beim Anklicken des Suchmenüs sollte das Hamburg-Menü geschlossen sein und das Icon nach Hamburg konvertieren nicht überkreuzen. 'Schließen Sie das Menü und das Symbolbild, wenn Sie auf ein anderes Menü klicken?

// 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'); 
        } 

Ein weiteres Menü Suche

Fokus Suchfeld, wenn

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

geöffnet Können Sie Ihre vollständigen Code oder erstellen Szenario in jsfiddle oder jede dieser Art teilen ... – CNKR

+0

ich zweite Ich verstehe die Frage nicht wirklich. Ich bin mir nicht sicher, worauf sich die setTimeout-Funktion bezieht. – Ash

Antwort

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

Bitte posten Sie nicht Ihren vollständigen Code als Antwort. Bitte editiere stattdessen deine ursprüngliche Frage. – MERose

+0

@MERose: es sieht so aus, als ob das die Lösung für die Frage ist, also sollte es * als Antwort gepostet werden. Ohne eine Erklärung, was sich geändert hat, ist es jedoch für niemanden nützlich. –

+0

Okay, es sah so aus, als ob das die Reaktion auf den ersten Kommentar zu dieser Frage wäre. Aber ich zweite, Antworten ohne Erklärung sind nutzlos. – MERose

Verwandte Themen