Forum Coders' city Strona Gwna Coders' city
Nasza pasja to programowanie!
 

 PomocPomoc   SzukajSzukaj   UytkownicyUytkownicy   GrupyGrupy  RejestracjaRejestracja 
Archiwum starego forum + teoria    RSS & Panel/SideBar
 ProfilProfil   Zaloguj si, by sprawdzi wiadomociZaloguj si, by sprawdzi wiadomoci   ZalogujZaloguj 

Potrzebuj szybkiej odpowiedzi na moje pytanie... Zasady

Accordion z linkami href



 
Odpowiedz do tematu    Forum Coders' city Strona Gwna -> Webmasterstwo
Zobacz poprzedni temat :: Zobacz nastpny temat  
Autor Wiadomo
RobertRomuald



Doczy: 18 Sty 2012
Posty: 12
Skd: Warszawa

PostWysany: Pi Sie 17, 2018 7:30 am  OP    Temat postu: Accordion z linkami href Odpowiedz z cytatem Pisownia

Dzie Dobry
Wtyczka accordion z dwoma rozwijanymi panelami powinna wywietla linki href do stron html. Niestety tylko pierwszy panel po rozwiniciu wywietla link, a drugi z niewiadomych dla mnie przyczyn automatycznie uruchamia link href umieszczony w panelu pierwszym. W jaki sposb naleaoby zabezpieczy link w panelu pierwszym, aby nie uruchamia si po prbie otwarcia panelu drugiego?

Bd wdziczny 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
Powrt do gry
Zobacz profil autora Wylij prywatn wiadomo Wylij email
Olo



Doczy: 22 Sty 2010
Posty: 172

PostWysany: Sob Sie 18, 2018 11:42 am      Temat postu: Odpowiedz z cytatem Pisownia

Brakuje zakoczenia znacznikw <a>
_________________
2 2 = 3,999999999997
Powrt do gry
Zobacz profil autora Wylij prywatn wiadomo
RobertRomuald



Doczy: 18 Sty 2012
Posty: 12
Skd: Warszawa

PostWysany: Pon Sie 20, 2018 6:40 am  OP    Temat postu: Problem rozwizany. Odpowiedz z cytatem Pisownia

Bardzo dzikuj Olo. Rzerzywicie brakowao zakoczenia linkw.
_________________
Pozdrawiam,
Robert
Powrt do gry
Zobacz profil autora Wylij prywatn wiadomo Wylij email
Wywietl posty z ostatnich:   
Odpowiedz do tematu    Forum Coders' city Strona Gwna -> Webmasterstwo Wszystkie czasy w strefie CET (Europa)

Strona 1 z 1

 
Skocz do:  
Moesz pisa nowe tematy
Moesz odpowiada w tematach
Nie moesz zmienia swoich postw
Nie moesz usuwa swoich postw
Nie moesz gosowa w ankietach
Moesz dodawa zaczniki na tym forum
Moesz pobiera pliki z tego forum




Debug: strone wygenerowano w 0.10422 sekund, zapytan = 11
contact

| Darmowe programy i porady Jelcyna | Tansze zakupy w Helionie | MS Office Blog |