jquery - jQuery在点击时更改一个div ID

Question

我有一个隐藏的 div，当单击链接时（链接实际上是一个图像）隐藏的 div 显示。然后，我在隐藏的 div 中有一个链接，可以再次“隐藏”该 div。我想要尝试实现的是原始图像/链接“切换”，允许用户使用该图像打开和关闭 div。到目前为止，我的代码如下：

        <script type="text/javascript" language="JavaScript">
        function controlFooterIcons(v){
            if(v==1) $("#rpacks_admin").show(50);
            else $("#rpacks_admin").hide(50);
        }

        function toggleIcons(v){
            if (v==1) $('#show_rpack').attr("id", "hide_rpack");
        }

        $(document).ready(function(){
                $("#show_rpack").click(function(){
                    event.preventDefault();
                    controlFooterIcons(1);
                    toggleIcons(1);
                });
                $("#hide_rpack").click(function(){
                    event.preventDefault();
                    controlFooterIcons(0);                      
                });
        });
        </script>

和 HTML/PHP

<div id="rpacks_admin" style="display: none;">
<h5>Hello</h5>
<a href="#" id="hide_rpack">Close</a>  

以及应该“切换”的链接

<a href='#' id='show_rpack'><img class='footericon'src='$BASE_URL/images/icons/recoverydisc.png' /></a>"

Answer 1

这个怎么样：

$("#show_rpack").click(function(event) { 
    event.preventDefault();

    var theDiv = $("#rpacks_admin");
    if (theDiv.is(":visible")) { 
        theDiv.hide(50);
    }
    else { 
        theDiv.show(50);
    }
});