Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.05.2013, 21:23
Аватар для Anton Essential
Интересующийся
Отправить личное сообщение для Anton Essential Посмотреть профиль Найти все сообщения от Anton Essential
 
Регистрация: 28.05.2013
Сообщений: 14

toggleClass или show/hide/toggle
Добрый день уважаемые !

Есть 4 одинаковых дива , в которых есть спан кнопка , при клике на которую должен выезжать блок с подсказкой . Я чуть запутался, я знаю решение очевидно, но что то я всю голову сломал , попытался сделать по событию $(".tooltip").slideToggle("slow"); в итоге получилось что при клике на кнопку выезжают все 4 подсказки из четырех блоков (
Я подумал что возможно будет правильнее добавить класс, и потом по условию показать подсказку . возможно я ошибаюсь конечно , прошу помочь мне разобраться в моей глобальной проблеме.

С уважением Антон

<div>
    <div class="tooltip-wrap"> 
        <span class="tooltip">
            большая подсказка
        </span>
    </div>
    <span class="green">кнопка</span>
</div>


$(".green").click(function () {
    $(this).toggleClass("selected");
});

Последний раз редактировалось Anton Essential, 28.05.2013 в 21:38.
Ответить с цитированием
  #2 (permalink)  
Старый 28.05.2013, 22:57
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<style>
.green {
	cursor: pointer;
}
</style>
<div>
    <div class="tooltip-wrap"> 
        <span class="tooltip">
            большая подсказка1
        </span>
    </div>
    <span class="green">кнопка1</span>
</div><br>
<div>
    <div class="tooltip-wrap"> 
        <span class="tooltip">
            большая подсказка2
        </span>
    </div>
    <span class="green">кнопка2</span>
</div>

<script>
jQuery(function ($) {
	$(".green").click(function () {
		$(this).parent().contents().find('.tooltip').slideToggle("slow");
	});
});
</script>

предполагаю, что отфильтровать можно гораздо лучше
Ответить с цитированием
  #3 (permalink)  
Старый 28.05.2013, 23:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Вариант...
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<style>
.green {
	cursor: pointer;
}
</style>
</head>

<body>

<div>
    <div class="tooltip-wrap">
        <span class="tooltip">
            большая подсказка1
        </span>
    </div>
    <span class="green">кнопка1</span>
</div><br>
<div>
    <div class="tooltip-wrap">
        <span class="tooltip">
            большая подсказка2
        </span>
    </div>
    <span class="green">кнопка2</span>
</div>

<script>
jQuery(function ($) {
	$(".green").click(function () {
		$(this).prevUntil().slideToggle("slow");
	});
});
</script>
</body>

</html>
Ответить с цитированием
  #4 (permalink)  
Старый 29.05.2013, 04:49
Аватар для Anton Essential
Интересующийся
Отправить личное сообщение для Anton Essential Посмотреть профиль Найти все сообщения от Anton Essential
 
Регистрация: 28.05.2013
Сообщений: 14

Ой огромное человеческое спасибо, оказалось всё на много проще , есть метод который сылаеться на родителя а также методы prev, prevAll,prevUntil и parentsUntil . Погуглил методы из ваших примеров.

Может быть господа посоветуете литературу , что бы я больше не изобретал велосипед.
Ответить с цитированием
  #5 (permalink)  
Старый 29.05.2013, 10:53
Аватар для Hekumok
Отправить личное сообщение для Hekumok Посмотреть профиль Найти все сообщения от Hekumok
 
Регистрация: 04.06.2012
Сообщений: 513

http://jquery.page2page.ru/tags/ifr.html
__________________
★ ²º¹³ ☆
Ответить с цитированием
  #6 (permalink)  
Старый 29.05.2013, 19:44
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от рони
prevUntil()
ээ, кто там обновляет содержимое http://jquery-docs.ru/
http://api.jquery.com/prevUntil/
с 1.4 версии => ресурс умер ещё в 2010
больше туда не хожу
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обработчик click вызывается несколько раз или не всегда вызывается OlegJquery jQuery 2 21.07.2011 20:37
Объект не поддерживает это свойство или метод load_081112_0953.js 1auto1 Internet Explorer 1 13.04.2011 21:59
Найти проблему с jQuery или писать js? Saladdin Элементы интерфейса 0 17.03.2011 17:02
В зависимости от referrer выводить рекламу adsene или зорьки wlad2 Общие вопросы Javascript 12 19.12.2010 01:02
Как узнать свернуто окно браузера или нет. bar-boss Events/DOM/Window 3 25.09.2008 16:09