Question

在我制作的这个简单的展开/折叠导航栏中，第二个导航栏在折叠后不会重新展开，尽管第一个导航栏工作正常。一旦我折叠第二部分，它会保持折叠并且不会扩展，尽管第一部分继续正常工作，扩展和折叠谢谢，所有的帮助表示赞赏。

以下是我的代码：

<script>
        var CurrentSec;
        var CurrentMenu;
        var CurrentLink;
        function Change(sec, state) {
            CurrentSec = "Sec-"+sec;
            CurrentMenu = "Menu-"+sec;
            CurrentLink = "Link-"+sec;
            if (state == 0) {
                document.getElementById(CurrentSec).src = "http://www.pirates-online-rewritten.com/Images/collapsed.gif";
                document.getElementById(CurrentMenu).style.display = "none";
                document.getElementById(CurrentLink).href = "javascript:Change("+sec+", 1)";
            }
            else {
                document.getElementById(CurrentSec).src = "http://www.pirates-online-rewritten.com/Images/expanded.gif";
                document.getElementById(CurrentMenu).style.display = "inline";
                document.getElementById(CurrentLink).href = "javascript:Change("+sec+", 0)";
            }

        }
    </script>
    <div class="sdmenu" style="visibility:visible">
        <span class="title" id="community"><img src="http://www.pirates-online-rewritten.com/Images/clear.gif" class="menuspacer" width="131" height="15" alt="Pirates Community" /><a href="javascript:Change(1, 0)" id="Link-1"><img src="http://www.pirates-online-rewritten.com/Images/expanded.gif" class="arrow" alt="Close Menu" id="Sec-1"/></a></span>
            <div id="Navbar"><div class="submenu" id="Menu-1">
            <a id="Link-1" >Test1</a>
            <a id="Link-2" >Test2</a>
            <a id="Link-3" >Test3</a>
            <a id="Link-4" >Test4</a>
            <a href="javascript:void(null)"></a>
            <span class="menubottom" id="menubottom">    
                <img src="http://www.pirates-online-rewritten.com/Images/boxbot.gif" alt="-" />
            </span>
         </div>
            <span class="title" id="community">
                <img src="http://www.pirates-online-rewritten.com/Images/clear.gif" class="menuspacer" width="131" height="15" alt="Pirates Community" />
                    <a href="javascript:Change(2, 0)" id="Link-2"><img src="http://www.pirates-online-rewritten.com/Images/expanded.gif" class="arrow" alt="Close Menu" id="Sec-2"/></a>
                </span>
            <div id="Navbar">
                <div class="submenu" id="Menu-2">
                    <a id="Link-1" >Test5</a>
                    <a id="Link-2" >Test6</a>
                    <a id="Link-3" >Test7</a>
                    <a id="Link-4" >Test8</a>
                    <a href="javascript:void(null)"></a>
                    <span class="menubottom" id="menubottom">
                        <img src="http://www.pirates-online-rewritten.com/Images/boxbot.gif" alt="-" />
                    </span>
                </div>
            </div>

第二个导航栏在倒塌后没有扩展？

0 个答案: