Javascript.RU

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

сворачивать div при onclick на span
Подскажите, есть произвольное количество div на странице и у каждого есть свой span нужно при клике на span сворачивать его личный div.

Но сложность в том что span идет над divа не внутри.

Помогите реализовать:

<span onclick="свернуть div">Свернуть</span>
<div class="div">1</div>

<span onclick="свернуть div">Свернуть</span>
<div class="div">2</div>

<span onclick="свернуть div">Свернуть</span>
<div class="div">3</div>

<span onclick="свернуть div">Свернуть</span>
<div class="div">4</div>
Ответить с цитированием
  #2 (permalink)  
Старый 27.06.2015, 16:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 29,559

djonA,
открывашек 219 уже вам маловато?
Ответить с цитированием
  #3 (permalink)  
Старый 27.06.2015, 17:42
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 195

хочу написать универсальный код который сворачивал бы div'ы.

если сделать span внутри div'а то получится сделать, а вот если снаружи как сделать что бы сворачивать тот div который относится к этому span?
Ответить с цитированием
  #4 (permalink)  
Старый 27.06.2015, 18:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 29,559

djonA,
и ваш вариант тоже есть
Ответить с цитированием
  #5 (permalink)  
Старый 27.06.2015, 18:51
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

http://javascript.ru/blog/seoneo/Pol...enie-smezhnyh-
Ответить с цитированием
  #6 (permalink)  
Старый 27.06.2015, 19:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 29,559

Открывашка 220 дубль
djonA,
Раскрывающееся меню на jQuery
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    span { display:  block; cursor: pointer;}
</style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
   $(function ()
{
      $('.div').each(function(index, el) {
        var a = $(this).prev();
        a.click(function() {
          $(el).slideToggle(200);
      return false;
    });
  });

})
  </script>
</head>

<body>
<span onclick="свернуть div">Свернуть</span>
<div class="div">1</div>

<span onclick="свернуть div">Свернуть</span>
<div class="div">2</div>

<span onclick="свернуть div">Свернуть</span>
<div class="div">3</div>

<span onclick="свернуть div">Свернуть</span>
<div class="div">4</div>

</body>
</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 18:31
Блокировка всех input в блоке div при событии onclick Tim_design Общие вопросы Javascript 1 04.04.2014 08:40
onClick на button при нажатии Enter atech Events/DOM/Window 2 09.08.2012 16:48
Не срабатывает hover при использовании в div IE 6.0 AlexMak (X)HTML/CSS 5 14.05.2009 18:26
Отрыть DIV блок при переходе с другой страницы BuTbka Общие вопросы Javascript 7 08.04.2009 22:59