Есть необходимость при выборе option
с определённым значением в select
, задать класс active
определённому div
. На данный момент есть код; класс добавляется, но не убирается у остальных div
.
$("#category").change(function(e) {
e.preventDefault();
$(".11, .22, .33, .44, .55, .66, .77, .88, .99, .100, .110, .120, .130")
.not($(this.value).addClass('active'))
});
.markers_wrap a {
display: block;
text-decoration: none;
color: #4d4d4d;
}
.active {
color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<select name="catlist[]" id="category">
<option>Выбрать блок</option>
<option value=".11">блок 1</option>
<option value=".22">блок 2</option>
<option value=".33">блок 3</option>
<option value=".44">блок 4</option>
<option value=".55">блок 5</option>
<option value=".66">блок 6</option>
<option value=".77">блок 7</option>
<option value=".88">блок 8</option>
<option value=".99">блок 9</option>
<option value=".100">блок 10</option>
<option value=".110">блок 11</option>
<option value=".120">блок 12</option>
<option value=".130">блок 13</option>
</select>
<div class="11">блок 1</div>
<div class="22">блок 2</div>
<div class="33">блок 3</div>
<div class="44">блок 4</div>
<div class="55">блок 5</div>
<div class="66">блок 6</div>
<div class="77">блок 7</div>
<div class="88">блок 8</div>
<div class="99">блок 9</div>
<div class="100">блок 10</div>
<div class="1110">блок 11</div>
<div class="120">блок 12</div>
<div class="130">блок 13</div>