ссылки:
<ul>
<li><a class="cur" id="ROOM" href="#">комнату, квартиру </a></li>
<li><a id="NEWBUILDING" href="#">новостройку </a></li>
<li><a id="HOUSE" id href="#">дом, коттедж </a></li>
<li><a id="COMMERCE" href="#">коммерческую </a></li>
<li><a id="LAND" href="#"> земельный участок </a></li>
<li><a id="DACHA" href="#"> дачу </a></li>
</ul>
<ul>
<li><a id="BUY" class="cur" href="#"> КУПИТЬ</a></li>
<li><a id="RENT" href="#"> СНЯТЬ </a></li>
<li><a id="SELL" href="#">ПРОДАТЬ </a></li>
<li><a id="PASS" href="#"> СДАТЬ </a></li>
</ul>
скриптик
jQuery(document).ready(function() {
$('.filter__form__radios a').click(function() {
if (!$(this).hasClass('filter__form__radios__disable'))
$(this).toggleClass('filter__form__radios__active')
});
$('.filter__vert-buttons ul a, .filter__hor-buttons ul a').bind('click', function() {
$(this).closest('ul').find('a').removeClass('cur');
$(this).addClass('cur');
filter();
});
filter();
});
function filter() {
var vertID = $('.filter__vert-buttons a.cur').attr('id');
var horID = $('.filter__hor-buttons a.cur').attr('id');
var fitems = $('.filter__form__item');
fitems.css('display', 'none');
$('.' + horID + '_' + vertID).css('display', 'block');
}
но фишка в том, что скрипт лишь скрывает некоторые поля формы, а выборка из БД идет по одной таблице, в которой, к примеру, идентификатор action_type = ROOM_RENT отвечает за аренду квартир.
вот и возникла идея установить скрытый динамический input, зависящий от выбранных параметров (купить+коттедж=HOUSE_BUY, Арендовать+квартиру=ROOM_RENT)
или может есть другой выход?