最小化和最大化<div> </div>

Question

参考各种来源，我编写了一个代码来最小化和最大化我的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 >

=============================

<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标签，

但是当我点击最小化按钮（即 - 右上角）时没有任何反应。 代码工作正常，如demo所示，但在我的jsp中不起作用。

该怎么办？我的错在哪里？

Answer 1

您是否检查过JavaScript冲突？我以前遇到过这样的问题。

Answer 2

已移除

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

来自JSP的头部并添加了

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

这很好。