jquery - jquery hide 和 css display none 不起作用

Question

我想用 jQuery 隐藏一个容器 div，我尝试添加一些代码但不起作用，有人告诉我如何解决这个问题吗？

url为：http: //35.201.250.64 在mobi版本中，我要点击class .tatx ，id为#sidr hide，我使用如下代码：

$(document).ready(function() {
        $(".tatx").click(function() {
            $("#sidr").css("display", "none!important");
                       //$("sidr").css("display", "none");
                       //$("#sidr").hide();
        });
    });

我也想在外面点击，id sidr也隐藏了，我试过这个代码：

$(document).mouseup(function(e){
    var container = $("#sidr");
    if(!container.is(e.target) && container.has(e.target).length === 0){
      container.hide(500);
    }
  });

标签： jquery

Answer 1

这个怎么样

$(document).ready(function() {
   $(".tatx").on('click', function() {
      $("#sidr").toggle();
   });
});

or

$(document).ready(function() {
   $(this).on('click', '.tatx', function() {
      $('#sidr').toggle();
   });
});