VanilaJavascript скрыть и показать кнопку - PullRequest
Новая
       16

VanilaJavascript скрыть и показать кнопку

0 голосов
/ 28 октября 2019

Я хочу скрыть кнопку меню, когда нажимаю значок поиска, и после того, как я снова щелкаю значок поиска, я хочу показать кнопку меню.

Я попробовал этот код, но я мог скрыть кнопку меню один раз, нопозже значок меню не появится.

Возможно, потому что я не использовал цикл.

Как добиться непрерывного скрытия и отображения кнопки меню с помощью Vanila JS?

HTML 

 <input type="checkbox" class="openSidebarMenu" id="openSidebarMenu">
    <label for="openSidebarMenu" class="sidebarIconToggle">
        <i class="fas fa-bars"></i>
    <input type="checkbox" class="openSidebarSearch" id="openSidebarSearch">
        <label for="openSidebarSearch" class="sidebarIconSearch">
        <i class="fas fa-search search_icon"></i>
    </label>

JS 

const openBtn = document.getElementById('openSidebarMenu');
    const searchBtn = document.getElementById('openSidebarSearch');

    searchBtn.addEventListener('click', openMenu);

    function openMenu() {
        openBtn.style.display = 'none';
    }
...