基于按钮单击事件显示和隐藏子HTML标记

这是我的代码：

        <div id="templatemo_menu">
                <ul>
                    <li><a href="#" class="current">Home</a></li>
                    <li><a href="#">Login</a></li>
                    <!--<li><a href="http://www.templatemo.com" target="_parent">Templates</a></li>-->
                    <li><a href="#">About</a></li>
                    <li><a href="#" class="last">Contact Us</a></li>
                </ul>

                <ul>
                    <li><a href="#" class="current">Home</a></li>
                    <li><a href="#">Profile</a></li>
                    <!--<li><a href="http://www.templatemo.com" target="_parent">Templates</a></li>-->
                    <li><a href="#">Leave</a></li>
                    <li><a href="#">Complaint</a></li>
                    <li><a href="#" class="last">Resignation</a></li>
                </ul>
        </div>
    </div>

现在，当员工未登录我的网站就访问我的主页时，我想在我的菜单栏上显示：

         <ul>
                    <li><a href="#" class="current">Home</a></li>
                    <li><a href="#">Login</a></li>
                    <!--<li><a href="http://www.templatemo.com" target="_parent">Templates</a></li>-->
                    <li><a href="#">About</a></li>
                    <li><a href="#" class="last">Contact Us</a></li>
                </ul>

    <ul>
                    <li><a href="#" class="current">Home</a></li>
                    <li><a href="#">Profile</a></li>
                    <!--<li><a href="http://www.templatemo.com" target="_parent">Templates</a></li>-->
                    <li><a href="#">Leave</a></li>
                    <li><a href="#">Complaint</a></li>
                    <li><a href="#" class="last">Resignation</a></li>
                </ul>

我想在我的菜单栏中隐藏以下内容：

         <ul>
                    <li><a href="#" class="current">Home</a></li>
                    <li><a href="#">Login</a></li>
                    <!--<li><a href="http://www.templatemo.com" target="_parent">Templates</a></li>-->
                    <li><a href="#">About</a></li>
                    <li><a href="#" class="last">Contact Us</a></li>
                </ul>

    <ul>
                    <li><a href="#" class="current">Home</a></li>
                    <li><a href="#">Profile</a></li>
                    <!--<li><a href="http://www.templatemo.com" target="_parent">Templates</a></li>-->
                    <li><a href="#">Leave</a></li>
                    <li><a href="#">Complaint</a></li>
                    <li><a href="#" class="last">Resignation</a></li>
                </ul>

但当员工登录到我的网站时，我想在我的按钮单击事件的菜单栏上显示：

    <ul>
                    <li><a href="#" class="current">Home</a></li>
                    <li><a href="#">Profile</a></li>
                    <!--<li><a href="http://www.templatemo.com" target="_parent">Templates</a></li>-->
                    <li><a href="#">Leave</a></li>
                    <li><a href="#">Complaint</a></li>
                    <li><a href="#" class="last">Resignation</a></li>
                </ul>

我想在我的菜单栏中隐藏这个按钮点击事件：

• 家
• 登录
模板-->
• 关于
• 联系我们

---

有人能告诉我怎么做吗？

一个简单的解决方案是利用jQuery的$.click（）方法来检测相关标记何时被单击，然后应用显示菜单的样式。或者更好的方法是，使用jQuery的$.toggle根据交替单击事件隐藏和显示菜单，应用和删除相同的样式

---

如果您可以将您的站点放在类似JSFIDLE的东西中，那么我们就可以更简单地看到您的标记代表了什么以及如何提供帮助。祝你好运

如果您喜欢使用JavaScript，那么解决方案是在单击登录后：

document.querySelector('#templatemo_menu ul:nth-child(1)').style.display='none';
document.querySelector('#templatemo_menu ul:nth-child(2)').style.display='block';

如果没有登录的来宾用户使用

document.querySelector('#templatemo_menu ul:nth-child(2)').style.display='none';
document.querySelector('#templatemo_menu ul:nth-child(1)').style.display='block';

---

注意：但您可能希望使用服务器端解决方案来检查会话或cookie，因为当用户刷新页面时，JavaScript无法工作。

您是否尝试过使用JS cookie？当员工登录时，您可以检查cookie并根据cookie的存在情况显示其他选项。但是如何在asp.net中使用c#进行此操作？非常感谢您的回复。再次感谢您。但是我可以在asp.net中使用c#的.cs文件中的代码隐藏文件中进行此操作吗？我想是的，每种语言都支持JavaScript，但是我不适合问关于C#的问题，我建议你对此做一些研究。非常感谢你对我的问题表现出兴趣。我正在用C#在asp.net中开发我的网站，我想在我的代码隐藏文件中做这件事，即按钮点击事件中的.cs文件。