Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 05.05.2016, 19:29
Интересующийся
Отправить личное сообщение для orange8031 Посмотреть профиль Найти все сообщения от orange8031
 
Регистрация: 05.05.2016
Сообщений: 24

К сожалению не работает, почему-то?
Ответить с цитированием
  #12 (permalink)  
Старый 05.05.2016, 19:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

orange8031,
тогда структура вашего примера не точна
Ответить с цитированием
  #13 (permalink)  
Старый 05.05.2016, 19:35
Интересующийся
Отправить личное сообщение для orange8031 Посмотреть профиль Найти все сообщения от orange8031
 
Регистрация: 05.05.2016
Сообщений: 24

HTML? Вы имеете ввиду?
Ответить с цитированием
  #14 (permalink)  
Старый 05.05.2016, 19:37
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

orange8031, удаление s-contacts-map при наличии .contacts-left.g-mini
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
<style type="text/css">
.s-contacts-map {
       background-color: #FF0000;
}

</style>
<script>

  window.addEventListener('DOMContentLoaded', function() {
       [].filter.call(document.querySelectorAll('.s-contacts-map'), function(item) {
             return item.querySelector('.contacts-left.g-mini')
          }).forEach(function(el) {
       el.classList.remove('s-contacts-map')
});
    });

</script>
</head>

<body>

<div id="map" class="s-contacts-map">
		<div class="contacts-left g-mini">
				<div class="contacts-left__content-wrap g-hide" style="display: none;">
					<h2 class="s-contacts__title">Как добраться</h2>
					<div class="s-contacts__info-wrap">

<p class="s-contacts__info"></p>
<p class="s-contacts__info"></p>
<p class="s-contacts__info"></p>
<p class="s-contacts__info"></p>
<p class="s-contacts__info"></p>
<p class="s-contacts__phone"></p>
<p class="s-contacts__phone"></p>
					</div>
				</div>
				<div class="contacts-left__close-button rotate-close">&lt;тут есть contacts-left g-mini</div>
			</div>
</div>

<div id="map" class="s-contacts-map">
		<div class="">
				<div class="contacts-left__content-wrap g-hide" style="display: none;">
					<h2 class="s-contacts__title">Как добраться</h2>
					<div class="s-contacts__info-wrap">

<p class="s-contacts__info"></p>
<p class="s-contacts__info"></p>
<p class="s-contacts__info"></p>
<p class="s-contacts__info"></p>
<p class="s-contacts__info"></p>
<p class="s-contacts__phone"></p>
<p class="s-contacts__phone"></p>
					</div>
				</div>
				<div class="contacts-left__close-button rotate-close">&lt;тут нет contacts-left g-mini</div>
			</div>
</div>
</body>
</html>
Ответить с цитированием
  #15 (permalink)  
Старый 05.05.2016, 19:47
Интересующийся
Отправить личное сообщение для orange8031 Посмотреть профиль Найти все сообщения от orange8031
 
Регистрация: 05.05.2016
Сообщений: 24

Это возможно потому что это гугл мапс?
Ответить с цитированием
  #16 (permalink)  
Старый 05.05.2016, 19:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

orange8031,
это значит надо запускать тогда, когда есть что удалять -- код 16 - 20 надо добавить в конец вашей инициализации карт
Ответить с цитированием
  #17 (permalink)  
Старый 06.05.2016, 11:15
Интересующийся
Отправить личное сообщение для orange8031 Посмотреть профиль Найти все сообщения от orange8031
 
Регистрация: 05.05.2016
Сообщений: 24

Спасибо Вам Рони за помощь но к сожалению ничего не помогает
Ответить с цитированием
  #18 (permalink)  
Старый 06.05.2016, 11:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

orange8031,
где код?
Ответить с цитированием
  #19 (permalink)  
Старый 06.05.2016, 20:32
Интересующийся
Отправить личное сообщение для orange8031 Посмотреть профиль Найти все сообщения от orange8031
 
Регистрация: 05.05.2016
Сообщений: 24

Вопрос решил вот так не я конечно
$(".contacts-left__close-button").click(function() {
        $("#map").toggleClass("s-contacts-map")
    });
я немного подправил css и все нормально. Вам еще раз спасибо за беспокойство.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавить / удалить класс кликом fabrique Общие вопросы Javascript 4 03.09.2014 04:43
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
добавить и удалить класс maximus2011 Элементы интерфейса 2 04.06.2013 12:18
Как удалить класс всех дочерних элементов? Jeremen Events/DOM/Window 8 01.09.2012 20:43
Освобождение памяти или как удалить this? Greck Общие вопросы Javascript 16 14.12.2011 11:29