Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.08.2017, 16:24
Аспирант
Отправить личное сообщение для Timurkin Посмотреть профиль Найти все сообщения от Timurkin
 
Регистрация: 12.08.2017
Сообщений: 44

Dropdown в Dropdown при клике
Добрый день!
Помогите пожалуйста, не могу разобраться.
Использую реализацию dropdown в dropdown для Bootstrap.
Взял пример отсюда:

https://www.w3schools.com/bootstrap/..._css&stacked=h

Но мне надо разместить несколько dropdown внутри одного dropdown.
При клике на один dropdown, раскрывается следующий dropdown, как и надо. Но при клике на другие dropdown предыдущие не закрываются.
Как сделать чтобы закрывались предыдущие?

$(document).ready(function(){
  $('.dropdown-submenu a.test').on("click", function(e){
    $(this).next('ul').toggle();
    e.stopPropagation();
    e.preventDefault();
  });
});
Ответить с цитированием
  #2 (permalink)  
Старый 12.08.2017, 16:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,078

Timurkin,
html где?
Ответить с цитированием
  #3 (permalink)  
Старый 12.08.2017, 16:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,078

Timurkin,
$(document).ready(function(){
  $('.dropdown-submenu a.test').on("click", function(e){
    $(this).parent().siblings().find("ul").hide()
    $(this).next('ul').toggle();
    e.stopPropagation();
    e.preventDefault();
  });
});
Ответить с цитированием
  #4 (permalink)  
Старый 12.08.2017, 16:41
Аспирант
Отправить личное сообщение для Timurkin Посмотреть профиль Найти все сообщения от Timurkin
 
Регистрация: 12.08.2017
Сообщений: 44

<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">МЕНЮ
<span class="caret"></span></button>
	<ul class="dropdown-menu">
		<li class="dropdown-submenu">
			<a class="test" href="#">New dropdown <span class="caret"></span></a>
			<ul class="dropdown-menu">
				<li><a href="#">2rd level dropdown</a></li>
				<li><a href="#">2rd level dropdown</a></li>
			</ul>
			<li class="dropdown-submenu">
			<a class="test" href="#">Another dropdown <span class="caret"></span></a>
			<ul class="dropdown-menu">
				<li><a href="#">2rd level dropdown</a></li>
				<li><a href="#">2rd level dropdown</a></li>
			</ul>
			</li>
		</li>
	</ul>
</div>
Ответить с цитированием
  #5 (permalink)  
Старый 23.08.2017, 12:06
Аспирант
Отправить личное сообщение для Timurkin Посмотреть профиль Найти все сообщения от Timurkin
 
Регистрация: 12.08.2017
Сообщений: 44

Большое спасибо, вы мне очень помогли!!!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавить/удалить класс при клике. Skrowaks Общие вопросы Javascript 5 02.08.2016 05:08
При клике появлялся новый элемент (бесконечно) Eadweard Элементы интерфейса 3 16.02.2016 08:13
Изменение размера элемента при клике Derekovich Элементы интерфейса 25 05.12.2013 20:45
Запись cookes при клике pavdin Общие вопросы Javascript 3 06.02.2012 17:19
menu с выпадающими подменю при наведении и раздвижное при клике bugor Элементы интерфейса 3 04.10.2010 14:32