Question

我有一个div，当点击一个链接（链接实际上是一个图像）时隐藏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);
    }
});

jQuery在点击时更改div ID

1 个答案: