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>"