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,710 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);

</body>

Na przyszłość polecam bardziej pouczyć się czystego JavaScript'u, a później brać się za dodatkowe biblioteki, czy framework'i.

komentarz 21 lutego 2019 przez Tpk Nałogowiec (40,100 p.)

Również wydaje mi się, że Vanilla JS to najlepszy framework jaki należy się podjąć przed nauką innych :)

odpowiedź 21 lutego 2019 przez Tpk Nałogowiec (40,100 p.)

Podobne pytania

0 głosów

0 odpowiedzi 952 wizyt

jQuery ukrywanie i pokazywanie tekstu

pytanie zadane 8 grudnia 2017 w JavaScript przez MakaBresk Obywatel (1,060 p.)

0 głosów

1 odpowiedź 828 wizyt

Ukrywanie i pokazywanie mobilnej wersji menu

pytanie zadane 19 sierpnia 2018 w JavaScript przez WRX Nowicjusz (120 p.)

0 głosów

1 odpowiedź 1,553 wizyt

Pokazywanie i ukrywanie części tekstu.

pytanie zadane 18 sierpnia 2016 w JavaScript przez Patryk Rafał Bywalec (2,700 p.)

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!

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!

...

jquery - chowanie i pokazywanie diva

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci