jquery toggle on click not

Question

Neden bir fonksiyonun stilini değiştirmek için aşağıdaki fonksiyonu kullanamadığımı bulmakta zorlanıyorum. Bu garip çünkü aynı kodu "Hover" ile kullandığımda iyi çalışıyor.

$(document).ready(function(){ 

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

}); 

Answer 1

Ama kullanarak, davranış istenilen alabilirsiniz: http://api.jquery.com/toggle/geçiş öğesini fonksiyonu.

şey gibi:

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

Demo: https://jsfiddle.net/ppeh0cgf/

Answer 2

tıklayın yalnızca bir işlev, böyle bir şey için tıklayın işlevini değiştirmeyi deneyin kabul eder:

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"); 

    } 
}); 

(,) .hover (aksine Example.