jQuery的隐藏和CSS显示没有不工作

Question

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

网址为：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);
    }
  });

Answer 1

怎么样

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

or

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