 |
Coders' city
Nasza pasja to programowanie!
|
| Zobacz poprzedni temat :: Zobacz nastêpny temat |
| Autor |
Wiadomo¶æ |
RobertRomuald
Do³±czy³: 18 Sty 2012
Posty: 12
Sk±d: Warszawa
|
 Wys³any: Pi± Sie 17, 2018 7:30 am OP Temat postu: Accordion z linkami href |
  |
|
Dzie? Dobry
Wtyczka accordion z dwoma rozwijanymi panelami powinna wy?wietla? linki href do stron html. Niestety tylko pierwszy panel po rozwini?ciu wy?wietla link, a drugi z niewiadomych dla mnie przyczyn automatycznie uruchamia link href umieszczony w panelu pierwszym. W jaki sposób nale?a?oby zabezpieczy? link w panelu pierwszym, aby nie uruchamia? si? po próbie otwarcia panelu drugiego?
B?d? wdzi?czny za wszystkie sugestie.
Pozdrawiam, Robert
| Kod: |  
 <html>
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <style>
 .accordion {
 background-color: #eee;
 color: #444;
 cursor: pointer;
 padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.active, .accordion:hover {
background-color: #ccc;
}
.accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
</style>
</head>
<body>
<p>WYBIERZ</p>
<button class="accordion">PANEL 1</button>
<div class="panel">
<a href="https://www.google.pl"/><"GOOGLE">
</div>
<button class="accordion">PANEL 2</button>
<div class="panel">
<a href="https://www.wp.pl"/><"WP">
</div>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight){
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>
</body>
</html>
|
_________________
Pozdrawiam,
Robert |
|
| Powrót do góry |
|
 |
|
|
Olo
Do³±czy³: 22 Sty 2010
Posty: 172
|
| Wys³any: Sob Sie 18, 2018 11:42 am Temat postu: |
|
|
Brakuje zako?czenia znaczników <a>
_________________
2 × 2 = 3,999999999997 |
|
| Powrót do góry |
|
|
RobertRomuald
Do³±czy³: 18 Sty 2012
Posty: 12
Sk±d: Warszawa
|
| Wys³any: Pon Sie 20, 2018 6:40 am OP Temat postu: Problem rozwi?zany. |
|
|
Bardzo dzi?kuj? Olo. Rzerzywi?cie brakowa?o zako?czenia linków.
_________________
Pozdrawiam,
Robert |
|
| Powrót do góry |
|
|
|
|
Mo¿esz pisaæ nowe tematy
Mo¿esz odpowiadaæ w tematach
Nie mo¿esz zmieniaæ swoich postów
Nie mo¿esz usuwaæ swoich postów
Nie mo¿esz g³osowaæ w ankietach
Mo¿esz dodawaæ za³±czniki na tym forum
Mo¿esz pobieraæ pliki z tego forum
|
Debug: strone wygenerowano w 0.04960 sekund, zapytan = 11
|
Pomoc
Szukaj
U¿ytkownicy
Grupy
Rejestracja
Profil
Zaloguj siê, by sprawdziæ wiadomo¶ci
