javascript - 最小化和最大化 <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 冲突？我以前遇到过这样的问题。