jQuery slideToggle для класса

#jquery

Вопрос:

у меня проблема с эффектом slideToggle на моем сайте.

Я присвоил эффект классу, но при нажатии на одну ссылку открывается каждый блок содержимого, который имеет этот конкретный класс.

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

Пожалуйста, просмотрите по следующему URL;http://www.presentationplayer.info

Примечание: Не используйте Internet Explorer, поскольку сайт на данный момент не был протестирован в браузере

1. К вашему сведению, у вашего сервера неправильная конфигурация. Посещение www.presentationplayer.info перенаправляет на /public_html, что приводит к 404. Но посещение presentationplayer.info (нет www) работает.

2. Кроме того, задавая вопрос, который требует просмотра некоторого кода, пожалуйста, попробуйте использовать jsfiddle.net предпочтительно с упрощенным примером сайта, над которым вы работаете, вместо ссылки на ваш реальный сайт. Таким образом, другие, кто найдет этот вопрос в будущем, все равно смогут извлечь выгоду из этого вопроса и его ответов, даже если ваш сайт изменится.

Ответ №1:

Этот код выполняет slideToggle для всего, что имеет класс article_content :

 $('.article_content').slideToggle();

Итак, что вам нужно сделать вместо этого, это пройти вверх по иерархии, чтобы найти родительскую статью, а затем перейти к соответствующему содержимому статьи под ней, затем, наконец, вызвать slideToggle это:

 $(document).ready(function() {
    $('.article_title a').click(function() {
        $(this).closest('article').find('.article_content').slideToggle();
        $(this).innerHTML = 'close';
    });
});