Показать/скрыть несколько элементов на основе значения строки запроса

I found this post about setting up a query to show/hide elements on a page: Show/Hide elements based on query string value

Как его расширить, чтобы показать/скрыть несколько элементов?

Например... Допустим, у меня есть шесть элементов на странице со следующими классами: .a, .b, .c, .d, .e, .f

С помощью одного запроса я скрываю: .b, .d, .f и другое скрыть: .a, .c, .e

Два разных запроса, которые могут обрабатывать скрытие нескольких элементов.

Может ли кто-нибудь помочь?

1
nl ja de
Элементы могут иметь несколько классов, разделенных пробелами в HTML. Что вы можете сделать, так это добавить новый класс к элементам, которые вы хотите показать или скрыть.
добавлено автор Blazemonger, источник

1 ответы

<�Код> $ ( 'б, .d, .f') скрыть ();.

$ ('. a, .c, .e'). hide ();

1
добавлено
Возможно, мой вопрос не был полностью понят ... Используя ту же модель, о которой идет ссылка на ссылку выше, как мне скрыть несколько элементов к этому конкретному запросу?
добавлено автор Joseph Sjoblom, источник
Я сделал! В ссылке выше!
добавлено автор Joseph Sjoblom, источник
извините, я, вероятно, должен был опубликовать код ... Я обновлю свой пост выше.
добавлено автор Joseph Sjoblom, источник
ха! Мэтт Б, просто понял, прочитав ваши сообщения, все, что мне нужно сделать, это разделить мои имена классов запятыми. DOH!
добавлено автор Joseph Sjoblom, источник
@JosephSjoblom Вот почему всегда полезно опубликовать код, который вы пробовали.
добавлено автор Blazemonger, источник
Да, но это был вопрос кого-то другого, было неясно, что вы используете тот же самый код ... было бы хорошо опубликовать его в вашем фактическом вопросе. В любом случае, будет $ ("div.show_on_success"). Toggle (document.URL.indexOf ("succes & zwnj; s = true")! == -1); $ ("div.show_on_something_else"). toggle (document.URL.indexOf (& zwnj; "something_else = true & zwnj;")! == -1); быть ближе к тому, чего вы пытаетесь достичь ?
добавлено автор Matt Browne, источник
Или, может быть, вы ищете $ ("div.show_on_success, div.also_show_on_success"). Toggle (document.URL.indexOf ("succ & zwnj; ess = true")! = -1);
добавлено автор Matt Browne, источник
Рад, что это сработало для вас :) Да, если бы вы просто использовали пробелы раньше, это означает, что вы проверяли потомков с этим именем класса, а не просто проверяли несколько классов (как и CSS).
добавлено автор Matt Browne, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda