Невозможно изменить CSS снизу с помощью jQuery

Question

У меня возникли проблемы с получением бит «else» от этой работы. Кто-нибудь знает, в чем проблема?

var navOpen = false; 
       if (navOpen == false) { 
        $("nav").click(function() { 
         $(this).css("bottom","0"); 
         navOpen = true; 
        }); 
       } else { 
        $("nav").click(function() { 
         $(this).css("bottom","-84"); 
         navOpen = false; 
        }); 
       } 

Answer 1

Условие находится в неподходящем месте.

var navOpen = false; 
$("nav").click(function() { 
     if (navOpen == false) { 
      $(this).css("bottom","0"); 
      navOpen = true; 
     } else { 
      $(this).css("bottom","-84px"); 
      navOpen = false; 
     } 
}); 

Answer 2

Попробуйте с

$(this).css("bottom","-84px"); 

Answer 3

Вы связывания нескольких обработчиков к одному элементу, вы можете использовать css метод:

$("nav").click(function() { 
    $(this).css("bottom", function(i, bottom) { 
     return bottom === '0px' ? '-84px' : '0px'; 
    // return navOpen ? '-84px' : '0px'; 
    }); 
}) 

Answer 4

Вам нужно определить измерение (например, ПВ,%) , CSS не поддерживает только нумерацию параметров, таких как атрибут HTML.