jquery - 我如何制作一个打开关闭 jquery 按钮？

Question

所以我得到了这个带有搜索栏的模板，当我点击它时，我得到一个弹出窗口，其中包含搜索结果和搜索栏，不幸的是我不太擅长 jquery，希望打开这个弹出窗口的按钮如果我再次按下它也关闭它。

//search popup
jQuery( ".search-popup" ).click(function() {
    jQuery(".search-pop-block").slideToggle(300);
    jQuery("body").addClass("body-hide");
});


//popup close
jQuery( ".pop-close" ).click(function() {
     jQuery(".search-pop-block").slideToggle(300);
     jQuery("body").removeClass("body-hide");
});

标签： jquery

Answer 1

我找到了让它工作的方法

jQuery( ".search-popup" ).click(function() {
    jQuery(".search-pop-block").slideToggle(300);
    jQuery("body")("addClass").toggleClass("removeClass");
});