Вот кусок HTML-кода (генерится из php)
<div id="bld_list_panel" class="scrollable">
<ul class="items">
<li><a id="build-1" class="navi" href="#1">Item1</a></li>
<li><a id="build-3" class="navi" href="#3">Item3</a></li>
<li><a id="build-0" class="navi active" href="#0">Item0</a></li>
</ul>
</div>
<div id="dev_list_panel" class="scrollable">
<ul class="items">
<li><a id="dev-1" class="navi" href="#1">Item1</a></li>
<li><a id="dev-3" class="navi" href="#3">Item3</a></li>
<li><a id="dev-0" class="navi active" href="#0">Item0</a></li>
</ul>
</div>
<div id="type_list_panel" class="scrollable">
<ul class="items">
<li><a id="type-1" class="navi" href="#1">Item1</a></li>
<li><a id="type-3" class="navi" href="#3">Item3</a></li>
<li><a id="type-0" class="navi active" href="#0">Item0</a></li>
</ul>
</div>
Вот функция:
// это эвент по клику на одной из ссылок группы build
$("a[id*='build-']").live('click',listDev);
// это эвент по клику на одной из ссылок группы type
$("a[id*='type-']").live('click',listDev);
function listDev() {
if(!load_in_process)
{
// Хотелось бы менять "active" (добавить/удалить) только в одной из групп, в той, откуда вызвана функция listDev
$('a.active').removeClass('active');
$(this).toggleClass('active');
load_in_process = true;
$.ajax(
{
type: "POST",
url: "/../lib/sw_ajax_lib.php",
data: ({func :"listDev",build: $('a[id^="build-"].active').attr("id"),
type: $('a[id^="type-"].active').attr("id"), change:1}),
dataType: "html",
success:function (result) { var api = $("#dev_list_panel").scrollable();
api.getItems().remove();
api.getItemWrap().append(result);
api.reload().begin();}
});
Cпасибо