Нужна помощь html+js

CD
На сайте с 01.10.2012
Offline
0
296

Всем привет! Люди можете помочь с проблемкой!) Есть такая html разметка


<body>

<div id="navbar">
<div id="city">
<ul>
<li class="active"><a id="saratov" href="#" title="saratov">Саратове</a></li>
<li class="inactive"><a id="engels" href="#" title="engels">Энгельсе</a></li>
</ul>
</div>
<div id="obj">
<ul>
<li class="active"><a href="#" id="kvart" title="kvart">квартиру</a></li>
<li class="inactive"><a href="#" id="room" title="room">комнату</a></li>
</ul>
</div>
</div>
<div id="filter">

</div>
</body>

#city расположен слева , #obj справа! По умолчанию в блок #filter будет загружен фильтр по квартирам в саратове! Теперь сама суть, что у меня не получается сделать!

Эти 4 кнопки должны работать как бы друг с другом т.е по умолчанию у меня КВАРТИРА+САРАТОВ активны(класс = active), если кликают отдельно на ЭНГЕЛЬС то уже ЭНГЕЛЬС+КВАРТИРА активны и подгружается уже именно фильтр квартир энгельса!

Так вот не могу сделать условие на js по выборке активных ссылок и подгружать нужный фильтр!

ПОМОГИТЕ ПЛИЗЗ!

ACTIVE , INACTIVE я меняю этим кодом

$(document).ready(function(){


$('#obj li').click(function(){
var number = $(this).index();
$('#obj li').removeClass('inactive').addClass('active');
$('#obj li').not(this).removeClass('active').addClass('inactive');
});

$('#city li').click(function(){
var number = $(this).index();
$('#city li').removeClass('inactive').addClass('active');
$('#city li').not(this).removeClass('active').addClass('inactive');
});

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий