Question

我有以下我曾经使用过的jQuery和css，但是在新的解决方案（这是现有的解决方案的副本）中，这不起作用：

                <script>

                    $("#inprogress_btn").click(function () {
                        if (!($("#inprogress_btn").is(":visible"))) {
                            $("#onhold_btn").show();
                            $("#inprogress_btn").hide();
                        }
                        else {
                            $("#onhold_btn").hide();
                            $("#inprogress_btn").show();
                        }
                    })
                </script>

        <button style="margin-top:50px;" id="onhold_btn" class="btn btn-block btn-danger">On Hold</button>
        <button id="inprogress_btn" class="btn btn-block btn-success">In Progress</button>

我做错了什么？

Answer 1

它有效，请结账jsfiddle，它引用jQuery 1.10.1，希望有帮助。

$(function(){
    $("#inprogress_btn").click(function () {
               if (!($("#inprogress_btn").is(":visible"))) {
                    $("#onhold_btn").show();
                    $("#inprogress_btn").hide();
                }
                else {
                    $("#onhold_btn").hide();
                    $("#inprogress_btn").show();
                }
            });
})

在Twitter bootstrap中点击隐藏和显示按钮

1 个答案: