toggle() - установка нулевого значения

@Sanu0074 · Регистрация: 14.06.2010

Студворк — интернет-сервис помощи студентам

доброго времени суток всем!
такая вот у меня стала задача:
у нас есть элемент A, на нем висит toggle, первая функция показывает div, вторая скрывает его. но когда мы кликнули первый раз - сработала 1я функция, div появился - в нем есть обьект B на котором висит click и который прячет этот div, вот мы кликнули по нем и div спрятался, а нам теперь надо чтоб этот div опять показался и для этого мы должны кликнуть по элементу A на котором висит toggle, когда мы кликаем 1й раз ничего не происходит (потомучто сработала вторая его функция, которая прячет div) а когда 2й раз кликаем - то div показывается....

так вот, задача в том, как заставить toggle элемента A пропустить при клике на обьект B вторую функцию которая прячет div, и при клике на элемент A чтоб показывался div при первом щелчке, - для того чтоб нам не приходилось кликать дважды....

очень благодарен Вам за внимание

@boong · 15.05.2011, 01:29

Можно код посмотреть?

@Sanu0074 · 15.05.2011, 03:47 **[ТС]**

Сообщение от boong

Можно код посмотреть?

вот, объект А на котором весит toggle:

JavaScript
1
2
3
4
5
$('#A').toggle(function(){
      $('#div').show(200);
      },function(){
             $('#div').hide(200);
           });

Внутри элемента #div есть объект B по клику на который объект #div прячется:

JavaScript
1
2
3
$('#B').click(function(){
                     $('#div').hide(200);
                  });

после клика на объект B, для того чтоб снова появился элемент #div нам надо дважды щёлкнуть по объекту A, задача состоит в том чтоб после того как #div уже спрятался по щелчку на объект B, чтоб вновь он появился мы щелкали один раз по объекту A, а не дважды как в данном коде.....

@boong · 15.05.2011, 04:41

я принцип задачи понял ну хочу сначала взглянуть на HTML структуру div если можно?

Добавлено через 10 минут
так Вам нужно?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тест</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#a').click(function(){
         $(this).next('.divs').toggle(200);
    });
    $('#b').click(function(){
        $(this).parent().hide(200);
    });
});
</script>
</head>
<body>
<a href="#" id="a">элемент A</a>
<div class="divs" style="display:none;">
    <a href="#" id="b">элемент B</a><br>
        Тут текст или что-то другое<br>
        Тут текст или что-то другое
</div>
</body>
</html>

ну или вот ещё как вариант

JavaScript
1
2
3
4
5
$(document).ready(function(){
        $('#a, #b').click(function(){
                 $('.divs').toggle(200);
        });
});

@Sanu0074 · 15.05.2011, 14:12 **[ТС]**

Сообщение от boong

как вариант

JavaScript
1
2
3
4
5
$(document).ready(function(){
        $('#a, #b').click(function(){
                 $('.divs').toggle(200);
        });
});

вот второй вариант работает но немного не так, когда мы нажимаем на элемент в диве то он прячется и тут же сразу появляется...
а что касается структуры html - то:

HTML5
1
2
3
4
5
6
7
<div id="div">
        <ul>
            <li><a href="#name">xxx</a></li>
            <li><a href="#name2">xxx</a></li> 
            <li><a href="#name3">xxx</a></li>
        </ul>
        </div>

@boong · 15.05.2011, 19:04

Попробуйте так

JavaScript
1
2
3
4
5
6
7
8
$(document).ready(function(){
        $('#a').click(function(){
                 $('#div').toggle(200);
        });
        $('#b').click(function(){
                $('#div').hide(200);
        });
});

@Sanu0074 · 15.05.2011, 19:21 **[ТС]**

Сообщение от boong

Попробуйте так

JavaScript
1
2
3
4
5
6
7
8
$(document).ready(function(){
        $('#a').click(function(){
                 $('#div').toggle(200);
        });
        $('#b').click(function(){
                $('#div').hide(200);
        });
});

не, таким способом он пару раз показывается/прячется и всёравно потом приходится дважды кликать чтоб его показать!

Vovan-VE · 15.05.2011, 20:02

JavaScript
1
2
3
4
5
6
7
8
$(function(){
    $('#a').click(function(){
        $(this).toggle(function(){...}, function(){...});
    });
    $('#b').click(function(){
        $('#a').triggerHandler('click');
    });
});

@Sanu0074 · 15.05.2011, 20:42 **[ТС]**

Сообщение от Vovan-VE

JavaScript
1
        $('#a').triggerHandler('click');

О! Спасибо

это то что мне надо было!

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@Sanu0074 59 / 59 / 16 Регистрация: 14.06.2010 Сообщений: 1,190 Записей в блоге: 5

	toggle() - установка нулевого значения 14.05.2011, 22:13. Показов 1775. Ответов 8 Метки нет (Все метки) доброго времени суток всем! такая вот у меня стала задача: у нас есть элемент A, на нем висит toggle, первая функция показывает div, вторая скрывает его. но когда мы кликнули первый раз - сработала 1я функция, div появился - в нем есть обьект B на котором висит click и который прячет этот div, вот мы кликнули по нем и div спрятался, а нам теперь надо чтоб этот div опять показался и для этого мы должны кликнуть по элементу A на котором висит toggle, когда мы кликаем 1й раз ничего не происходит (потомучто сработала вторая его функция, которая прячет div) а когда 2й раз кликаем - то div показывается.... так вот, задача в том, как заставить toggle элемента A пропустить при клике на обьект B вторую функцию которая прячет div, и при клике на элемент A чтоб показывался div при первом щелчке, - для того чтоб нам не приходилось кликать дважды.... очень благодарен Вам за внимание 0

@boong 154 / 124 / 11 Регистрация: 11.01.2010 Сообщений: 434
	15.05.2011, 01:29
	Можно код посмотреть? 0