Logowanie

jquery - chowanie i pokazywanie diva

pytanie zadane 21 lutego 2019 w JavaScript przez Jakub Domacki Użytkownik (660 p.)

Cześć, mam taki problem z kodem. Po kliku w <a> chowają się divy tak jak chce a chciałbym dodać toggle, żeby wróciło. Ma ktoś pomysł jak to zrobić?

https://codepen.io/anon/pen/pGmQgm

2 odpowiedzi

odpowiedź 21 lutego 2019 przez Chess Szeryf (76,730 p.)
wybrane 21 lutego 2019 przez Jakub Domacki

Najlepsza

body {
	background: darkolivegreen;
	margin: 0;
}

.button_style {
	display: block;
	height: 30px;
	width: 200px;
	display: block;
}
.one {
	left: 0px;
	position: relative;
}
.two, .three, .four {
	width: 50px;
	height: 50px;
}
.two {
	background-color: red;
}
.three {
    background-color: blue; 
}
.four {
    background-color: green;
}
p {
    color: black;
}
.to_toggle {
	display: none;
}

<body>

<a href="#" class="button button_style">>></a>
<div class="one to_toggle">
	<div class="two"></div>
	<div class="three"></div>
	<div class="four"></div>
</div>

document.getElementsByClassName('button button_style')[0].addEventListener('click', function() {
	document.querySelector('.one').classList.toggle('to_toggle');
}, false);