Показать несколько элементов с помощью события onclick

Question

Показать несколько элементов с помощью события onclick

0

У меня есть код, который работает на моем сайте, когда кто-то нажимает на содержимое строки в таблице, появляется больше контента. Это прекрасно работает:

$(document).ready(function() {
    //hide the all of the element with class abstract
    $("..meetings-list .meeting_title_and_description .abstract").hide();
    //toggle the componenet with class meetingname
    $("..meetings-list .meeting_title_and_description .meeting_name").click(function(){
        $(this).next(".meetings-list .meeting_title_and_description .abstract").slideToggle(50);
     });
});

Однако теперь я хочу, чтобы второй элемент отображался также в одном и том же событии onclick. Я не могу понять, как это кодировать. Я пробовал что-то вроде этого, но это не сработало

$(document).ready(function(){
    //hide the all of the element with class abstract
    $("..meetings-list .meeting_title_and_description .abstract").$("..meetings-list .meeting_title_and_description .secondthingtohide").hide();
    //toggle the componenet with class meetingname
    $("..meetings-list .meeting_title_and_description .meeting_name").click(function(){
    $(this).next(".meetings-list .meeting_title_and_description        .    abstract").$("..meetings-list .meeting_title_and_description .abstract").$("..meetings-list .meeting_title_and_description .secondthingtohide").slideToggle(50);
     });
});

У кого-нибудь есть идея?

Rik van der Kant 28 нояб. 2013, в 00:46

Источник

0

живой сайт здесь, www.biomeeter.com/twee_index.php
Rik van der Kant 27 нояб. 2013, в 23:18

Теги:

javascript

jquery

element

toggle

1 ответ

Ещё вопросы

живой сайт здесь, www.biomeeter.com/twee_index.php

Faron · Answer 1 · 2013-11-27T22-02-00.000Z

Попробуйте использовать подстановочный переключатель для этого, например:

$("[.^=meeting]").toggle();
 // OR //
$("[class^=meeting]").hide();

[class ^ = meeting] или [. ^ = meeting] сообщает jQuery, чтобы выбрать все теги с классом, начинающимся с 'meeting', и переключить их все с помощью любой функции, которая вам нужна (т.е. show(), hide(), fadeIn(), fadeOut() и т.д.).

$("[.$=meeting]").show();
 // OR //
$("[class$=meeting]").fadeOut();

[class $ = meeting] или [. $ = meeting] сообщает jquery, чтобы выбрать все теги с классом, заканчивающимся "встречей", и переключить их все с помощью какой бы функции вы ни хотели (т.е. show(), hide(), fadeIn(), fadeOut() и т.д.).

Привет Фарон, я использовал твой метод. www.biomeeter.com/twee_index2.php. Работает на 1 элемент, а не на второй. Почему-то это скрыто
{// скрыть все элементы с абстрактным классом $ ("[class ^ = showthis]"). hide (); // переключаем компоненту с именем класса встречи $ (".. встречи-список .meeting_title_and_description .meeting_name"). click (function () {$ (this) .next ("[class ^ = showthis]"). slideToggle (50) ;}); });
Для конкретных элементов по своему вкусу я даю эти элементы с именами идентификаторов, а затем я могу манипулировать этими элементами без вмешательства классов.
Хорошо, а как бы вы это определили? Скажите, у меня есть элемент id = 1 и элемент id = 2?
Чтобы сделать выборку с идентификатором в качестве элемента, используйте это: $ ("[# ^ = meeting]"). Toggle (); (предложение выше для класса как элемента). Назначьте нужные дивы для манипуляции с этим форматом для id: <div id = "meeting_1"> </ div> <div id = "meeting_2"> </ div> и продолжайте.