Javascript 最小化最大化不起作用

Javascript 最小化最大化不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,最小化和最大化按钮不工作 代码是 我想最小化和最大化这个div,以及如何设置div框的高度。它和标题栏的高度一样额外,因为我给出的高度为100% $(函数(){ $(“#main”).resizeable(); }); $(“#按钮”)。单击(函数(){ 如果($(this.html()=“-”){ $(this.html(“+”); $(this.slideUp(); }否则{ $(this.html(“-”); $(this.slideDown(); } $(“#框”).slideTogg

最小化和最大化按钮不工作 代码是 我想最小化和最大化这个div,以及如何设置div框的高度。它和标题栏的高度一样额外,因为我给出的高度为100%

$(函数(){
$(“#main”).resizeable();
});
$(“#按钮”)。单击(函数(){
如果($(this.html()=“-”){
$(this.html(“+”);
$(this.slideUp();
}否则{
$(this.html(“-”);
$(this.slideDown();
}
$(“#框”).slideToggle();
});

-

您需要在div框中包含一些内容,因此我添加了一个固定高度来演示该功能

你滑动按钮div,它会隐藏它,防止你再次点击它

有关如何操作,请参见下面的代码片段:

$(函数(){
$(“#main”).resizeable();
});
$(“#按钮”)。单击(函数(){
如果($(this.html()=“-”){
$(this.html(“+”);
$(“#main”).css('height','auto');
$(“#main”)。可调整大小(“禁用”);
}否则{
$(this.html(“-”);
$(“#main”)。可调整大小(“启用”);
}
$(“#框”).slideToggle();
});
#框{
高度:100px;
}
#钮扣{
光标:指针;
背景:黄色;
填充:0 5px;
}
#主要{
边框:1px实心;
背景:红色;
}

-

试试这个代码:我已经对你的两行代码
$(this).slideUp()进行了注释
$(this).slideDown()单击该链接时显示/隐藏该行

$(函数(){
$(“#main”).resizeable();
});
$(“#按钮”)。单击(函数(){
如果($(this.html()=“-”){
$(this.html(“+”);
//$(this.slideUp();
}否则{
$(this.html(“-”);
//$(this.slideDown();
}
$(“#框”).slideToggle();
});

-
这是一个盒子
$(this).slideDown()
在按钮功能中,只需滑动按钮,将其移除,基本上就可以开始了

$(函数(){
$(“#main”).resizeable();
});
$(“#按钮”)。单击(函数(){
如果($(this.html()=“-”){
$(this.html(“+”);
}否则{
$(this.html(“-”);
}
$(“#框”).slideToggle();
});
#按钮{
背景:浅蓝色;
边框:1px实心#ccc;
}
#盒子{
背景:珊瑚;
边框:1px实心#ccc;
}

+
你好,世界!
$(函数(){
$(“#main”).resizeable();
$(“#按钮”)。单击(函数(){
如果($(this.html()=“-”){
$(this.html(“+”);
$(this.slideDown();
}否则{
$(this.html(“-”);
$(this.slideDown();
}
$(“#框”).slideToggle();
});
});

-
你好

@Tech什么不起作用?你能提供一些信息吗!它也不起作用,我只需要最小化和最大化divs@Tech在我的回答中,“最小化”和“最大化”效果很好,那么你到底有什么问题呢?这里有一把小提琴可以帮助你:你能清楚地描述你的第二点吗?“以及如何设置div box的高度”Yaa点击时没有动作它在代码段中不起作用,但在我的代码中不起作用Deyaa它现在完成了一个问题是当我调整boz的大小时,如何获得div的当前宽度和高度,以便再次加载页面时保持相同的大小。