Javascript 最小化和最大化<;部门>;

Javascript 最小化和最大化<;部门>;,javascript,html,css,jsp,Javascript,Html,Css,Jsp,参考各种源代码,我编写了一个代码来最小化和最大化JSP代码中的div标记,如下所示: <style type="text/css" media="screen" > #editor { position: absolute; top: 0; right: 20%; bottom: 0; left: 0; } #widnow { position: absolute; top: 72.5%; right: 0;

参考各种源代码,我编写了一个代码来最小化和最大化JSP代码中的div标记,如下所示:

<style type="text/css" media="screen" > #editor {
    position: absolute;
    top: 0;
    right: 20%;
    bottom: 0;
    left: 0;
}

#widnow {
    position: absolute;
    top: 72.5%;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    border: solid 1px;
}

#title_bar {
    background: #FEFEFE;
    height: 25px;
    width: 100%;
}

#button {
    border: solid 1px;
    width: 25px;
    height: 23px;
    float: right;
    cursor: pointer;
}

#box {
    height: 250px;
    background: #DFDFDF;
}

</style >
#编辑器{
位置:绝对位置;
排名:0;
右:20%;
底部:0;
左:0;
}
#维德诺{
位置:绝对位置;
最高:72.5%;
右:0;
底部:0;
左:0;
宽度:自动;
边框:实心1px;
}
#标题栏{
背景:#FEFEFE;
高度:25px;
宽度:100%;
}
#钮扣{
边框:实心1px;
宽度:25px;
高度:23px;
浮动:对;
光标:指针;
}
#盒子{
高度:250px;
背景:#dfdf ;;
}
=============================

<div id="widnow">
    <div id="title_bar">
        <div id="button">-</div>
    </div>
    <div id="box">
    </div>
</div>
<script type="text/javascript">
$("#button").click(function(){
    if($(this).html() == "-"){
        $(this).html("+");
    }
    else{
        $(this).html("-");
    }
    $("#box").slideToggle();
});
</script>

-
============================

<div id="widnow">
    <div id="title_bar">
        <div id="button">-</div>
    </div>
    <div id="box">
    </div>
</div>
<script type="text/javascript">
$("#button").click(function(){
    if($(this).html() == "-"){
        $(this).html("+");
    }
    else{
        $(this).html("-");
    }
    $("#box").slideToggle();
});
</script>

$(“#按钮”)。单击(函数(){
如果($(this.html()=“-”){
$(this.html(“+”);
}
否则{
$(this.html(“-”);
}
$(“#框”).slideToggle();
});
这给了我一个像这样的div标签

但是,当我单击最小化按钮(即右上角的)时,什么也没有发生。 如图所示,代码运行良好,但在我的jsp中不起作用


怎么办?我的错误在哪里?

是否检查了JavaScript冲突?我以前有过这样的问题。

删除

<script src="js/jquery.autocomplete.js"></script> 

从JSP中的head添加

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>


这很好。

您是否包括jquery?您可以提供呈现的html代码或任何link@Shafeeq是的,我已经在chromeThe中包含了您的JSFIDLE作品,代码如演示所示,但在我的servlet中无法工作。请检查我下面的答案。