Кнопка должна быть нажата дважды (JQuery)

Question

Фон: попытка создания полноэкранного меню для мобильных устройств на сайте одной страницы.

Задача: Для разблокировки #handle необходимо нажать 2 раза. Я пытался использовать следующий по-разному, но я, кажется, осуществить это не так, в некотором роде: жить/умереть, BIND/UNBIND, вкл/выкл, делегат/undelegate.

Я не понимаю, как я должен решить свою проблему. Извините за неправильные имена id на некоторых div.

HTML

 <div id="overlay"> 
      <input type="checkbox" id="op"></input> 

       <div class="overlay overlay-hugeinc"> 
        <label for="op"></label> 
         <div id="nav"> 
          <ul> 
           <li class="homescroll" class="overlayli">Home</li> 
           <li class="servscroll" class="overlayli">Services</li> 
           <li class="workscroll" class="overlayli">Work</li> 
           <li class="aboutscroll" class="overlayli">About</li> 
           <li class="contactscroll" class="overlayli">Contact</li> 
          </ul> 
         </div> 
       </div> 
     </div> 

Jquery Когда Ли щелкнул пользователь получает прокручивать страницу вниз и меню скрыто: Если теперь пользователь хочет, чтобы открыть меню снова это должно быть нажмите 2 раза для действия.

<script> 
    $(document).ready(function() { 
     $('li').hover(    
       function() { 
       $('li', this).fadeIn(); 
       }, 
       function() {     
       $('li', this).fadeOut(); 
       } 
      ); 
     $(".aboutcroll").off().on('click', function() { 

      $('html, body').animate({ 
       scrollTop: $("#aboutdummy").offset().top 
      }, 800);     
      $("#overlay").hide(); 
      $("#handle").on('click'); 
     }); 
    }); 
</script> 

При #handle щелчке наложения полноэкранным откроется меню:

<script> 
    $(document).ready(function(){ 

     $("#handle").off().on('click', function() { 
       $("#overlay").show(); 
     }); 
    }); 
</script> 

Answer 1

Проблема, кажется, с #handle функции OnClick В своем коде вы используете

$("#handle").off().on('click', function() { 
     $("#overlay").show(); 
}); 

Здесь .off() удаляет прослушиватель событий на f Первый клик! Попробуйте удалить .off()

Кроме того, для прокрутки, вы можете использовать следующий код (который также без .off())

$("SELECTOR").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#contact").offset().top 
    }, 500); 
    return false; 
}); 

Надеются, что это работает для Вас! И если это не так, было бы лучше, если бы вы могли поделиться своим кодом через jsFiddle или CodePen.