2013-06-29 2 views
0

У меня есть несколько сценариев, глядя, как это:сделать несколько slideToggle's с одного сценария

$('#books').click(function(){ 
    $("#books_view").slideToggle("medium"); 
}); 

$('#newspapper').click(function(){ 
    $("#newspapper_view").slideToggle("medium"); 
}); 

toggeling ДИВ всегда заканчивается «_view». Я просто понял, может ли в этой ситуации написать один скрипт, который работает со всеми этими toggle-divs вместо того, чтобы писать один скрипт для каждого toggle-div? Так как все теггелирующие divs заканчиваются тем же самым текстом, это возможно возможно?

Спасибо за ваше время.

+0

означает, что при нажатии на книгу вы хотите переключить книгу, а также просмотр газетной бумаги? – Manish

+0

Функциональность все равно должна быть одинаковой. Посмотрите на ответы. – Vode

ответ

1

Вы можете использовать несколько селекторов, а затем делают использовать Clicked элементы идентификатор, чтобы определить идентификатор элемента на переключаемых

$('#books, #newspapper').click(function(){ 
    $('#' + this.id + '_view').slideToggle("medium"); 
}); 
+0

В этой ситуации необходимо добавить каждый идентификатор в скрипт, из него требуется решение с меньшим количеством кода вместо всех отдельных скриптов. Но существует ли какой-либо способ сделать сценарий автоматически «обнаруженным», если есть принадлежность toggeling div, если имя, если оно написано точным образом? Таким образом, нет необходимости добавлять каждый идентификатор в сценарий? – Vode

+0

@Vode, вы можете добавить класс ко всем элементам, таким как '#books, # newspapper', как' toggler', затем использовать его для регистрации обработчика типа '$ ('. Toggler'). Click (function() { $ ('#' + this.id + '_view'). slideToggle ("medium"); }); ' –

+0

Да, это был что-то вроде этого сценария, который был идеей, но на самом деле не работает."

0

вы ищете, как это?

$('#books, #newspapper').click(function(){ 
    $('[id*=_view]').slideToggle("medium"); 
}); 

надеюсь, что эта помощь вам поможет.

+0

Посмотрите на ответ «rid» написал и следующие комментарии, что-то вроде этого скрипта - идея. – Vode