Question

我无法弄清楚为什么我无法使用以下函数来使用click函数更改元素的样式。这很奇怪，因为当我使用“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.

jquery切换点击不工作

2 个答案: