• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak otwierać menu boczne wiele razy?

Object Storage Arubacloud
+1 głos
166 wizyt
pytanie zadane 17 stycznia 2016 w JavaScript przez Jakub98 Nowicjusz (200 p.)


Mam problem z otwarciem paska bocznego. Drugi raz. Poniżej podałem kod strony html z kodem javascript.

gdy klikam otworz otwiera mi się pasek boczny i gdy klikam zamknij zamyka się,

ale gdy chce zrobic drugi raz to samo to już nie idzie otworzyc paska bocznego.

pomóżcie bo nie wiem co mam zmienic w tym kodzie javascript tak by mozna bylo otwierac i zamykac pasek boczny nieskonczenie wiele razy.

Pomóżcie proszę 

 




<!DOCTYPE HTML>
<html>
<head>
	<style>
	
	body{overflow-x:hidden;position:relative;}
	header{float:left; width:100%;background-color:red;}
	aside{float:right; width:250px; height:1000px;position:relative; right:-280px; bottom:400px; background-color:yellow; transition-duration:500ms;}
	input{float:right;}
	
	</style>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript">
	
	function otworz(){
		$('#body').css('right', '300px');
	   }
    function zamknij(){
		$('#body').css('left', '0');
	   }
	   
	</script>
</head>
<body id="body">
	<header id="header">
		<input type="button" onclick="otworz()" value="otwórz"/>
		<input type="button" onclick="zamknij()" value="zamknij"/>
	</header>
	<aside>
	
	</aside>

</body>
</html>

 

1 odpowiedź

+3 głosów
odpowiedź 17 stycznia 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)
wybrane 17 stycznia 2016 przez Jakub98
 
Najlepsza

Proponowałbym przy zamykaniu nie dawać left na 0, tylko ustawić right na 0.

function zamknij(){
        $('#body').css('right', '0');
       }

O coś takiego, może podziała.

Tak w ogóle to strasznie dziwny ten pasek boczny, nie lepiej coś z display: none podziałać?

A i poza tym to proponowałbym nie spamować na czacie o pomoc bo to nic nie da, a wręcz przeciwnie (można ewentualnie raz ładnie poprosić ale spamowania tolerować nie będziemy) ;)

komentarz 17 stycznia 2016 przez Jakub98 Nowicjusz (200 p.)
Dzięki wielkie działa taki mały szczegół a tyle zmienia.

Podobne pytania

+2 głosów
1 odpowiedź 968 wizyt
pytanie zadane 16 stycznia 2016 w JavaScript przez Jakub98 Nowicjusz (200 p.)
0 głosów
1 odpowiedź 268 wizyt
pytanie zadane 29 stycznia 2019 w JavaScript przez cyrus33 Użytkownik (680 p.)
0 głosów
2 odpowiedzi 2,514 wizyt
pytanie zadane 5 grudnia 2015 w HTML i CSS przez BlackCat_ Początkujący (310 p.)

92,568 zapytań

141,424 odpowiedzi

319,634 komentarzy

61,956 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...