Переключатель боковой панели в jquery

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, JSP ASP.net