Написал это на JS
<head>
<script type="text/javascript">
function display_div_hide_stroy()
{
document.getElementById('26').style.display='none';
document.getElementById('25').style.display='none';
document.getElementById('24').style.display='none';
document.getElementById('23').style.display='none';
document.getElementById('22').style.display='none';
document.getElementById('21').style.display='none';
document.getElementById('20').style.display='none';
document.getElementById('19').style.display='none';
document.getElementById('18').style.display='none';
document.getElementById('17').style.display='none';
document.getElementById('0').style.display='block';
document.getElementById('1').style.display='block';
document.getElementById('2').style.display='block';
document.getElementById('3').style.display='block';
document.getElementById('4').style.display='block';
document.getElementById('5').style.display='block';
document.getElementById('6').style.display='block';
document.getElementById('7').style.display='block';
document.getElementById('8').style.display='block';
document.getElementById('9').style.display='block';
document.getElementById('10').style.display='block';
document.getElementById('11').style.display='block';
document.getElementById('12').style.display='block';
document.getElementById('13').style.display='block';
document.getElementById('14').style.display='block';
document.getElementById('15').style.display='block';
document.getElementById('16').style.display='block';
}
function display_div_hide_uslugi()
{
document.getElementById('26').style.display='block';
document.getElementById('25').style.display='block';
document.getElementById('24').style.display='block';
document.getElementById('23').style.display='block';
document.getElementById('22').style.display='block';
document.getElementById('21').style.display='block';
document.getElementById('20').style.display='block';
document.getElementById('19').style.display='block';
document.getElementById('18').style.display='block';
document.getElementById('17').style.display='block';
document.getElementById('0').style.display='none';
document.getElementById('1').style.display='none';
document.getElementById('2').style.display='none';
document.getElementById('3').style.display='none';
document.getElementById('4').style.display='none';
document.getElementById('5').style.display='none';
document.getElementById('6').style.display='none';
document.getElementById('7').style.display='none';
document.getElementById('8').style.display='none';
document.getElementById('9').style.display='none';
document.getElementById('10').style.display='none';
document.getElementById('11').style.display='none';
document.getElementById('12').style.display='none';
document.getElementById('13').style.display='none';
document.getElementById('14').style.display='none';
document.getElementById('15').style.display='none';
document.getElementById('16').style.display='none';
}
</script>
</head>
<body>
<img onclick="display_div_hide()" src="images/desing.gif" border="0" alt="" />
<img onclick="display_div_hide_stroy()" src="images/stroy.gif" border="0" alt="" />
<img onclick="display_div_hide_uslugi()" src="images/uslugi1.png" border="0" alt="" />
</body>
Но вот в чем беда, если пользователь решил пройти по какой-то категории, то этот "фильтр" сбрасывается (т.е. ему надо еще раз нажать на кнопку чтобы скрыть ненужные ему категории). Я хотел бы чтобы либо это запоминалось как-то в JS (хотя не могу до этого пока дойти), либо чтобы при нажатии на кнопку пользователю выдавались div'ы с определенным (заранее мною определенным) id.
Заранее благодарю.