• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Pokazywanie i ukrywanie diva po kliknięciu w przycisk, połączenie dwóch funkcji JS

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
2,624 wizyt
pytanie zadane 3 września 2018 w JavaScript przez wanderer Gaduła (3,710 p.)

Cześć,
uczyłem się jak zrobić sekcje div które pokazują się lub chowają po kliknięciu w przycisk Hide/Show. Jak połączyć myFunction1() i myFunction2() żeby kliknięcie w przycisk1 powodowało zamykanie otwieranie tylko sekcji myDIV1   i nie wpływało w żaden sposób na  sekcję myDIV2  i na odwrót?

<script>
function myFunction1() {
    var x = document.getElementById("myDIV1");
    if (x.style.display === "block") {
        x.style.display = "none";
    } else {
        x.style.display = "block";
    }
}
function myFunction2() {
    var x = document.getElementById("myDIV2");
    if (x.style.display === "block") {
        x.style.display = "none";
    } else {
        x.style.display = "block";
    }
}
</script>

Dziekuje i pozdrawiam

1 odpowiedź

0 głosów
odpowiedź 3 września 2018 przez k.wichura Pasjonat (19,870 p.)
komentarz 3 września 2018 przez wanderer Gaduła (3,710 p.)
Dziekuje, jeszcze pytanko, jak zmieniac napis na przycisku show/hide w zależnosci od działania?
komentarz 3 września 2018 przez k.wichura Pasjonat (19,870 p.)

Tak samo jak zmieniasz display na none i block;

wrzuć to do callbacka, którego przypisujesz na event click  buttona

    this.textContent === 'hide' ? 
      this.textContent = 'show' :
      this.textContent = 'hide';

 

komentarz 3 września 2018 przez wanderer Gaduła (3,710 p.)
Przepraszam, gdzie mam to umieścic?
komentarz 3 września 2018 przez k.wichura Pasjonat (19,870 p.)

angel 

https://codepen.io/anon/pen/zJwZzG?editors=1111

Polecam też pogłówkować i wydzielić tę duża funkcję na kilka mniejszych. Taki trening dobrych praktyk.

Podobne pytania

0 głosów
1 odpowiedź 1,475 wizyt
pytanie zadane 29 marca 2016 w JavaScript przez Krutek Początkujący (330 p.)
0 głosów
0 odpowiedzi 330 wizyt
pytanie zadane 23 stycznia 2019 w JavaScript przez sizaku Nowicjusz (120 p.)
0 głosów
1 odpowiedź 1,064 wizyt

93,096 zapytań

142,059 odpowiedzi

321,513 komentarzy

62,441 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...