jQuery addClass example

Change class name on click in jQuery

by chashkovdaniil

HTML

<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>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

JavaScript

// 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')
})