jquery toggle on click not working

Question

У меня возникли проблемы с выяснением причин, почему я не могу использовать следующую функцию, чтобы изменить стиль элемента с помощью функции щелчка. Это странно, потому что, когда я использую этот точный код с «Hover», он отлично работает.

$(document).ready(function(){ 

    $(".category").click(function() { 
      $(".category-nav").css("display", "none"); 
      }, 
      function(){ 
      $(".category-nav").css("display", "block"); 
     }); 

}); 

Answer 1

Но вы можете получить желаемое поведение, с помощью: http://api.jquery.com/toggle/тумблера функцию.

Что-то вроде:

$(".category").click(function() { 
      $(".category-nav").toggle(); 
      }); 

Демо: https://jsfiddle.net/ppeh0cgf/

Answer 2

Нажмите принимает только одну функцию, попробуйте изменить функцию щелчка на что-то вроде:

HTML:

<div class="category"> 
Click here 
    <div class="category-nav"> 
    TEST 
    </div> 
</div> 

CSS:

.hide { 
    display: none; 
} 
show { 
    display: block; 
} 

JavaScript:

$(".category").click(function() { 
    var elem = $(".category-nav"); 
    if (elem.hasClass("hide")) { 
    elem.removeClass("hide"); 
    elem.addClass("show"); 
    } else { 
    elem.removeClass("show"); 
    elem.addClass("hide"); 

    } 
}); 

См Example.