JavaScript toggle() css?

Question

Witam Wszystkich! 

Takie pytanie - jak dodać css do funkcji toggle() ? Mam na myśli zmianę marginesów głównego contentu po schowaniu bocznego menu.

<script>
																																	$(document).ready(function(){
																																	$("#search").click(function(){
																																		$(".input").toggle("slow");
																																	});
																																});
																															</script>
																															<script>
																																	$(document).ready(function(){
																																	$(".left-arrow").click(function(){
																																		$("#left-side").toggle("slow");
																																	});
																																});
																															</script>

 

 

Answer 1

Funkcja toggleClass() dokumentacja

Comments

Znalazłem dokumentację, jednak nie mogę doszukać się jak dokładnie to zrobić, jakaś wskazówka?

---

Po kliknięciu dodaje ci klasę, w której masz ustalony kod css, a po ponownym kliknięciu ją usuwa

Answer 2

Możesz to zrobić prosto bez jquery.

1. Łapiesz element za pomocą document. querySelector()

2. Dodajesz element.addEventListener() ze zdarzeniem "click" i anonimową funkcją mającą w ciele metodę this.classList.toggle() która przyjmuje za parametr nazwę klasy css.