.filter-none, .filter_options{ display:none; } .filter-block{ display:block; } #exit_filter_btn{ display:none; } var display_filter_options = document.getElementById("filter_options"); var filter_btn = document.getElementById("filter_btn"); var exit_filter_btn = document.getElementById("exit_filter_btn"); filter_btn.addEventListener("click", function(){ display_filter_options.classList.add('filter-block'); display_filter_options.classList.remove('.filter_options'); filter_btn.style.display="none"; exit_filter_btn.style.display="inline-block"; }) exit_filter_btn.addEventListener("click", function(){ display_filter_options.classList.remove('filter-block'); display_filter_options.classList.add('.filter_options'); filter_btn.style.display="inline-block"; exit_filter_btn.style.display="none"; })