Question

我在asp.net母版页中有一个侧边栏，我想在按钮点击时隐藏它。它的工作原理，但在页面加载时它再次显示，所以我想隐藏该侧边栏，直到用户点击该按钮显示它。任何人都有解决方案，请尽快告诉我......

Answer 1

您可以使用jQuery。你需要尝试类似的东西：

<script>
$(document).ready(function(){
    $("#show").click(function(){ // #show = button id
        $(".sidebar").toggle(); //.sidebvar = class of sidebar
    });
});
</script>

<div class="sidebar" style="display:none;"></div>
<button id="show" name="show" >Show</button>

这只是一个示例，您可以分享您到目前为止所尝试的内容，以便为您的问题提供准确的解决方案。

Answer 2

你不能只使用jquery和CSS，因为这些事件在页面加载时被触发，并在每次重新加载页面时被重置。

要动态隐藏和显示侧面板，您可以

选项1：每次单击按钮时更改页面的URL

www.yourwebsite.com?panel=show
www.yourwebsite.com?panel=hide

选项2：您可以使用任何服务器端语言在按钮单击时更改会话变量。其中一些是PHP，ASP.net的JSP

边栏在jquery中切换

2 个答案: