隐藏Div JQuery后出现问题

Question

我试图使用“打开”和“关闭”按钮隐藏和关闭窗口。

$(document).on('click', '#close_box', function() {
    //$(this).parent().remove();
    $(this).parent().fadeTo(300,0,function(){
        $(this).toggle()
    });
});

$(document).on('click', '#open_box', function() {
        $("body").children().show();
});

但是，我的窗口没有弹出......

以下是我的相关HTML代码：                                              打开             

        <div id="sub-main">

            <div id="close_box">
                <button id="close" type="button">X Close</button>
            </div>
            ....

这些是相关的div和其他元素。

Answer 1

使用$（“＃div”）。toggleClass（'hide'）; 这显示了一个div，如果隐藏/隐藏它，如果它是可见的。或者，使用方法.fade in（）或.fadeout（）