1 Тема від noname122

  • noname122
  • Користувач
  • Поза форумом
  • Дата реєстрації: 29.10.2021
  • Повідомлень: 133
    • Репутація: 1

Тема: Кнопка що скривається

Є код в якому при натиску на кнопку "випадає " текст,як зробити що для різних кнопок випадав різний текст

 <button class="opys" type='button' onclick="toggleText()">Опис</button>
                        <p id='demo' style='display: none'>
                          1

                            
                            </p> 
function toggleText() {
  var text = document.getElementById("demo");
  if (text.style.display === "none") {
    text.style.display = "block";
  } else {
    text.style.display = "none";
  }
}

2 Відповідь від mykhas

  • mykhas
  • Користувач
  • Поза форумом
  • Дата реєстрації: 18.03.2016
  • Повідомлень: 9
    • Репутація: 6

Re: Кнопка що скривається

По-перше, українською вона все ж "приховується" :)

Взагалі все доволі просто, можна копіювати першу кнопку, замінювати "текст" у всіх наступних і використати трохи гнучкіший селектор замість просто отримання #demo за id. Ваша функція toggleText може приймати на вхід об'єкт el, в якому буде вузол батька; ви можете шукати серед його дітей. Я б замінив id для вашого p на якийсь клас, звісно: на сторінці не має бути двох елементів з однаковим id.

3 Відповідь від noname122 Востаннє редагувалося noname122 (16.12.2021 18:16:39)

  • noname122
  • Користувач
  • Поза форумом
  • Дата реєстрації: 29.10.2021
  • Повідомлень: 133
    • Репутація: 1

Re: Кнопка що скривається

Поки чекав відповіді,зробив,але як зробити що можно було відкривати декілька div-ів одночасно

<button id="linkname" onclick="toggle('openbox')">button</button>

                        <div id="openbox" class="closed openbox-elem">
                       1
                        </div>
                          
function toggle(divId) {

  if(document.getElementById) {

    var divElem = document.getElementById(divId);
   
    var opened = divElem.classList.contains("opened");
    
    var openbox_elems = document.getElementsByClassName('openbox-elem');
    for(var i=0; i<openbox_elems.length; i++){
       
        openbox_elems[i].classList.remove('opened');
    }
    if(!opened){
    
       divElem.classList.add('opened'); 
    }

  }

}

4 Відповідь від noname122

  • noname122
  • Користувач
  • Поза форумом
  • Дата реєстрації: 29.10.2021
  • Повідомлень: 133
    • Репутація: 1

Re: Кнопка що скривається

Допоможете?)

5 Відповідь від noname122

  • noname122
  • Користувач
  • Поза форумом
  • Дата реєстрації: 29.10.2021
  • Повідомлень: 133
    • Репутація: 1

Re: Кнопка що скривається

Тему закрито