// find elements
let button = $("button")
// handle click and add class
button.on("click", function(){
let id = $("select option:selected").val()
$('.cat').css('display', 'none')
$('#'+id).css('display', 'block')
})<div>
<select>
<option value="cat1">Категория 1</option>
<option value="cat2">Категория 2</option>
</select>
<button>Выбрать</button>
<div class="cat" id="cat1" style="display: none">Категория 1</div>
<div class="cat" id="cat2" style="display: none">Категория 2</div>
</div>var offsets = morphsearch.getBoundingClientRect();Uncaught TypeError: morphsearch.getBoundingClientRect is not a functionпишет, что для morphsearch.getBoundingClientRect нет функции, вроде так
at HTMLInputElement.toggleSearch
$( 'body' ).addClass( 'fancybox-active' );else {
classie.add( morphSearch, 'open' );
$( 'body' ).addClass( 'fancybox-active' );
}
isOpen = !isOpen;$('.morphsearch-close').click(function(){
$('body').removeClass('fancybox-active');
});(function() {
var morphSearch = document.getElementById( 'morphsearch' ),
input = morphSearch.querySelector( 'input.morphsearch-input' ),
ctrlClose = morphSearch.querySelector( 'span.morphsearch-close' ),
isOpen = isAnimating = false,
// показать/спрятать область поиска
toggleSearch = function(evt) {
if( evt.type.toLowerCase() === 'focus' && isOpen ) return false;
var offsets = morphsearch.getBoundingClientRect();
if( isOpen ) {
classie.remove( morphSearch, 'open' );
if( input.value !== '' ) {
setTimeout(function() {
classie.add( morphSearch, 'hideInput' );
setTimeout(function() {
classie.remove( morphSearch, 'hideInput' );
input.value = '';
}, 300 );
}, 500);
}
input.blur();
}
else {
classie.add( morphSearch, 'open' );
}
isOpen = !isOpen;
};
// события
input.addEventListener( 'focus', toggleSearch );
ctrlClose.addEventListener( 'click', toggleSearch );
// Кнопка выхода 'esc', которая закрывает окно поиска
// Обработка нажатия кнопки на клавиатуре
document.addEventListener( 'keydown', function( ev ) {
var keyCode = ev.keyCode || ev.which;
if( keyCode === 27 && isOpen ) {
toggleSearch(ev);
}
} );
/***** for demo purposes only: don't allow to submit the form *****/
morphSearch.querySelector( 'button[type="submit"]' ).addEventListener( 'click', function(ev) { ev.preventDefault(); } );
})();