По клику открыть меню

137
04 апреля 2019, 07:30

Нужно чтобы по клику (в нашем случае) на букву "М" появлялось под-меню, а при повторном клике исчезало, реализовать это с помощью jquery было бы просто замечательно. Изначально под-меню скрыто с помощью display: none;

https://codepen.io/anon/pen/XyXgpK

Answer 1

Вот так на вашем примере)

  $(function() { 
      $(".show__phones").on('click', function() { 
        $(".hide__phones").toggle(); 
      }); 
    });
.contacts__with__us { 
	display: flex; 
} 
.phones__main__info { 
	position: relative; 
} 
.phone { 
	margin-right: 5px; 
} 
.show__phones:hover { 
	cursor: pointer; 
} 
.hide__phones { 
  display: none; 
	position: absolute; 
	opacity: 1; 
	font-size: 14px; 
	text-align: center; 
	margin-top: 5px; 
	margin-left: 10px; 
} 
.hide__phones span:first-child { 
	margin-bottom: 5px; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="contacts__with__us"> 
					<div class="phones__block v-c"> 
						<div class="phones__main__info"> 
							<span class="phone">0(800) 215 350</span> 
              <a class="show__phones"><span>M</span></a> 
						</div> 
						 
						<div class="hide__phones"> 
							<span>0 (099) 215 350</span> 
							<span>0 (099) 215 350</span> 
						</div> 
					</div> 
</div>

READ ALSO
Не заходит в метод $.getJSON()

Не заходит в метод $.getJSON()

Просто создал новый проект на ASPNET Core 2

148
Как переключить класс в навбаре по ховеру?

Как переключить класс в навбаре по ховеру?

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

109
Множество VM для схожих моделей

Множество VM для схожих моделей

Столкнулся с проблемой при проектировании приложения, используя WPF и паттерн MVVM

135
Передача значения переменной в классе

Передача значения переменной в классе

Есть приложение Windows Form с несколькими формамиЕсть код класса:

145