Как вставить меню ящика при нажатии на кнопку вне меню на веб-сайте?

Question

Я не понимаю, что я делаю не так? Элемент выскальзывает при щелчке мыши, но никогда не вставляется.

$(document).ready(function() {
  var $okviric = $('#okviric');
  var $slide = false;

if ($slide){
  $okviric.on('click', function(){
    TweenLite.to($okviric, 0.7, {bottom: 180, opacity: 0.7, ease:Power4.easeInOut});
      $slide = false;});
}else{
  $okviric.on('click', function(){
    TweenLite.to($okviric, 0.7, {bottom: 0, opacity: 1, ease:Power4.easeInOut});
      $slide = true;});
};
});

Answer 1

Проблема в том, что вы проверяете состояние только один раз.

Если $ slide равен false. Другая часть устанавливает onclick. После этого это условие никогда не проверяется, пока вы не перезагрузите страницу. Но после перезагрузки $ slide снова становится равным false.

Решение - проверить это условие в методе onclick.

$okviric.on('click', function(){
      if($slide){
       // 
           TweenLite.to($okviric, 0.7, {bottom: 180, opacity: 0.7, ease:Power4.easeInOut});
            $slide = false;});
      }  else {
      //
           TweenLite.to($okviric, 0.7, {bottom: 0, opacity: 1, ease:Power4.easeInOut});
           $slide = true;});
      }

Теперь все будет работать правильно.