Как убрать/ добавить кнопку?

Добрый день!
Хотелось бы реализовать чтобы при первом клике на вторую кнопку добавлялась третья, но при клике на первую кнопку третья бы убиралсь, как это сделать?
С помощью classlist.add/ classlist.remove пыталась делать, но проблема в том, что при нажатии на первую кнопку никак не получается убрать третью.
<button class="applications-btn js-application-btn">Доступные Акции</button>
   <button class="btn-orange">подать заявку на Акцию</button>
                        <section class="personal-template__table-wrap personal-product-portfolio__table-wrap applications__table-wrap">
                            <div class="personal-template__table-container personal-product-portfolio__table-container applications__table-container">
                                <div class="personal-template__table personal-product-portfolio__table applications__table">
                                    <div class="applications__table-container__bookmark flex js-current-buttons">
                                        <div class="applications__table-container__bookmark-item  js-current current">Мои заявки на акции</div>
                                        <div class="applications__table-container__bookmark-item js-current">Предложение своих акций</div>
                                    </div>

const currentBtn = document.querySelectorAll(".js-current");
    currentBtn.forEach((el) => {
    const parent = el.closest(".js-current-buttons");
    const buttons = parent.querySelectorAll(".js-current");
    const emergingBtn = document.querySelector(".js-application-btn");
    
    console.log(emergingBtn);
    el.addEventListener("click", () => {
        buttons.forEach((button) => {
            button.classList.remove("current");     
            
           if(el.classList.add("current")) {
               emergingBtn.classList.toggle("applications-hide");
           }
            
            //emergingBtn.classList.remove("applications-hide");
        });
    });
});


Надеюсь на Ваш ответ, заранее спасибо!
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
let isFirstClick = true; // флаг первого клика

btn1.onclick = function() { // при клике по кнопке №1
    btn3.hidden = true; // скрываем кнопку №3
};

btn2.onclick = function() { // при клике по кнопке №2
  if (isFirstClick) {
    isFirstClick = false; // убираем флаг
    btn3.hidden = false; // показываем кнопку №3
  }
};


Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы