Господа, помогите пожалуйста с кодом.
Суть в чем: у меня имеется страница, на которой осуществляется двойная фильтрация блоков div.
Появилась задача прикрутить к этой странице еще блоков, но при одном условии:
эти блоки должны появляться только при конкретных значениях фильтра, в остальное время они должны быть скрыты. Даже когда на фильтре стоит значение отображения всех блоков.
Код следующий:
<script type="text/javascript">
function filterDivs(){
var a1 = '.'+$('#menu option.paramA:selected').attr('value');
var b1 = '.'+$('#menu option.paramB:selected').attr('value');
if(a1=='.'){a1='';}
if(b1=='.'){b1='';}
$('#filterList div').show().hide();
$('#filterList div'+a1+b1).show();
}
$(document).ready(function(){
filterDivs();
$('#menu select').change(function(){
filterDivs();
});
});
</script>
<div>
<select name="paramA" size="1">
<option class="paramA" name="paramA" value="">Все А</option>
<option class="paramA" name="paramA" value="a1">Значение А1</option>
<option class="paramA" name="paramA" value="a2">Значение А2</option>
</select>
<div class="clr"></div>
</div>
<div>
<select name="paramB" size="1">
<option class="paramB" name="paramB" value="">Все B</option>
<option class="paramB" name="paramB" value="b1">Значение B1</option>
<option class="paramB" name="paramB" value="b2">Значение B2</option>
</select>
<div class="clr"></div>
</div>
<div id="filterList">
<div class="a1 b1">
Значение 1
</div>
<div class="a1 b2">
Значение 2
</div>
<div class="a2 b1">
Значение 3
</div>
<div class="a2 b2">
Значение 4
</div>
</div>
Задача прикрутить блок, формата
<div class="a1 b1">
Описание
</div>
который бы скрыт при выборе показа всех блоков, но при этом отображался бы при вызове параметра b1