У меня есть несколько расширяющихся / сворачивающихся полей на одной странице, сгенерированной PHP / MySQL.
Проблема в том, что когда я нажимаю на одну ссылку, чтобы развернуть ящик, он расширяет все поля.
Я думал о добавлении идентификатора сообщения в конце класса ( <div class="postreplycontainer-POST_ID"> ), но я не уверен, что это сработает, так как мне придется выяснить способ изменения jQuery.
Вот рабочий пример: http://jsfiddle.net/Draven/kUhkP/35/
Имейте в виду, что я не могу вручную вводить код в каждом поле, потому что я извлекаю содержимое из базы данных.
EDIT: Может быть, кто-то может помочь мне с дополнительной проблемой.
Я хочу сфокусировать поле textarea при расширении <div> . Я попытался использовать тот же трюк, что и раньше (используя .closest но это не сработало).
Вот пример: http://jsfiddle.net/Draven/kUhkP/53/
Этот пример всегда будет сфокусирован на первом <textarea> .
Вот FIDDLE
$("a.postreply").click(function () { $(this).closest('.blog-container') .find('.postreplycontainer').slideToggle("fast"); });
Если вы $("div.postreplycontainer") вы получите доступ ко всем div, если div всегда после таблицы, которую вы можете использовать
$("a.postreply").click(function() { $(this).parents('table').next().slideToggle("fast"); });
сместить этот div http://jsfiddle.net/kUhkP/39/
Я думаю, это должно быть хорошо для вашей проблемы.
$("a.postreply").click(function () { $(this).closest('.blog-table').next().slideToggle("fast"); });