Раскрытие селектов пл клику

@vanyakilkil · Регистрация: 13.06.2012

Author24 — интернет-сервис помощи студентам

Добрый день.
Вообщем есть такой код:

HTML5    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<ul class="sorting-tovar mar spec-checkbox checkbox-prof-notification sorting-tovar-acc">
                                    <li class="open">
                                        <input id="sorting_1" type="checkbox" />
                                        <label for="sorting_1">Россия</label>
                                        <ul style="display: block;">
                                            <li>
                                                <input id="sorting_20" type="checkbox" />
                                                <label for="sorting_20">Центр</label>
                                            </li>
                                            <li>
                                                <input id="sorting_21" type="checkbox" />
                                                <label for="sorting_21">Северо-Запад</label>
                                            </li>
                                            <li>
                                                <input id="sorting_22" type="checkbox" />
                                                <label for="sorting_22">Юго-Восток</label>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <input id="sorting_2" type="checkbox" />
                                        <label for="sorting_2">СНГ</label>
                                    </li>
                                    <li>
                                        <input id="sorting_3" type="checkbox" />
                                        <label for="sorting_3">Европа</label>
                                    </li>
</ul>

На первый чекбокс нажали, от открылся, к пункту добавился класс и ul стал блоком.
Как такое правильно реализовать?

@Armi · 06.06.2015, 14:03

JavaScript    
        
    Скопировано
1
2
3
4
    $("[type='checkbox']").click(function(){
 
    $(this).parent("li").toggleClass("open").find('ul').slideToggle();
    });

@vanyakilkil · 06.06.2015, 15:28 **[ТС]**

Armi, Спасибо большое, вы лучший!

Добавлено через 2 минуты
Armi, только еще один вопрос, а если нечему выпадать то можно как-то указать, чтобы не добавлялся класс "open"?

@Armi · 06.06.2015, 16:34

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
 $("[type='checkbox']").click(function(){
     if($(this).parent("li").find("ul").is("ul"))
    {
    $(this).parent("li").toggleClass("open").find('ul').slideToggle();
     }
    });

Новые блоги и статьи Все статьи Все блоги /
Списки и кортежи в Python: различия, особенности, применение py-thonny 13.04.2025 Python славится своей гибкостью при работе с данными. В арсенале языка есть две основные последовательные структуры данных, которые программисты используют ежедневно — списки и кортежи. Эти структуры. . .	Middleware в ASP.NET Core UnmanagedCoder 13.04.2025 В ASP. NET Core термин "middleware" занимает особое место. Что же это такое? Middleware представляет собой программные компоненты, которые формируют конвейер обработки HTTP-запросов в приложении. . . .	Таблицы лута в Unity с MinMaxCurve и AnimationCurve GameUnited 12.04.2025 Создание сбалансированного лута в играх — задача не из простых. Разработчики постоянно ищут способы настройки систем выпадения предметов, которые будут одновременно справедливыми для игроков и. . .	std::expected в C++: Управление ошибками bytestream 12.04.2025 Обработка ошибок всегда была важной и одновременно сложной задачей в программировании на C++. На протяжении долгого времени разработчики использовали различные подходы: возвращаемые коды ошибок,. . .	Nullable типы и операторы объединения null в C# UnmanagedCoder 12.04.2025 Многие шутят, что null — это миллиардная ошибка в программировании. И в этой шутке только доля шутки. Тони Хоар, создатель null-ссылки, сам назвал её своей "ошибкой на миллиард долларов". Почему?. . .
Аутентификация и авторизация JWT в микросервисах с API Gateway stackOverflow 12.04.2025 В традиционных монолитных приложениях безопасность часто реализуется как единый защитный периметр - пользователь проходит аутентификацию один раз, после чего получает доступ ко всем функциям системы. . . .	TypeScript: Интерфейсы vs Типы run.dev 11.04.2025 Современная разработка на JavaScript сталкивается с множеством проблем при масштабировании проектов. Типизация кода стала хорошим инструментом, помогающим избежать ошибок во время выполнения,. . .	Управление топиками и разделами Kafka Javaican 11.04.2025 Apache Kafka — распределенная платформа потоковой передачи данных, которая стала стандартом для построения высоконагруженных систем обмена сообщениями. В современной архитектуре микросервисов,. . .	Миграция монолита в Event-Driven микросервисную архитектуру на C# stackOverflow 11.04.2025 Монолитная архитектура – классический подход к разработке программного обеспечения. Это приложение, построенное как единое целое, где все компоненты тесно связаны между собой. Большинство проектов. . .	Go в Kubernetes: Управление ресурсами golander 11.04.2025 Разработчики Go-приложений в Kubernetes часто сталкиваются с неожиданными проблемами производительности и даже внезапными отказами контейнеров. Причина этого кроется в особенностях взаимодействия. . .

@vanyakilkil 38 / 38 / 2 Регистрация: 13.06.2012 Сообщений: 650
	06.06.2015, 15:28 [ТС]
	Armi, Спасибо большое, вы лучший! Добавлено через 2 минуты Armi, только еще один вопрос, а если нечему выпадать то можно как-то указать, чтобы не добавлялся класс "open"? 0

Раскрытие селектов пл клику

Решение