Событие toggle()

12
likurg1
На сайте с 10.03.2012
Offline
37
1414

Здравствуйте!Я хочу с помощью события toggle скрыть один елемент на странице,но в место того что бы скрыть желаемый елемент, скрывается сама надпись "Скрыть".В чём может быть проблема?

C
На сайте с 04.02.2005
Offline
291
#1

Кооооооооод!!!

[Удален]
#2

$('селектор по чем кликаете').toggle(function() {

событие на первый клик

$(this).text('Развернуть форму');

}, function() {

событие на второй клик

$(this).text('Свернуть форму');

});

P.S. Вконце каждого события есть $(this).text('Свернуть форму'); - соответственно там Ваши надписи

likurg1
На сайте с 10.03.2012
Offline
37
#3

Вот сам проблемный код:

$(document).ready(function(){

$('#hideF').toggle(function() {

$('#my_form').hide(1000);

$(this).text('Развернуть форму');

}, function() {

$('#my_form').show(1000);

$(this).text('Скрыть форму');

});

});//Конец ready

C
На сайте с 04.02.2005
Offline
291
#4

Есть подозрение, что #hideF дочерний элемент в #my_form

likurg1
На сайте с 10.03.2012
Offline
37
#5
Chukcha:
Есть подозрение, что #hideF дочерний элемент в #my_form

Это блок div и он находится над формой,не может он быть дочерним елементом!

C
На сайте с 04.02.2005
Offline
291
#6

.toggle( [duration ] [, complete ] )

Где там первый клик, а где второй?

$('#hideF').click(function() {$('#my_form').toggle()})

А что делать с текстом - разбирайтесь сами.

likurg1
На сайте с 10.03.2012
Offline
37
#7
igor3333:
$('селектор по чем кликаете').toggle(function() {

событие на первый клик

$(this).text('Развернуть форму');
}, function() {

событие на второй клик

$(this).text('Свернуть форму');
});


P.S. Вконце каждого события есть $(this).text('Свернуть форму'); - соответственно там Ваши надписи

Вот почему-то не срабатывает по этому принципу,елемент на который мы повесили toggle() попросту исчезает.

---------- Добавлено 30.04.2013 в 01:48 ----------

У меня вот такая задача:

С помощью toggle() сделайте так, чтобы при первом щелчке строка таблицы подсвечивалась, а при повторном принимала обычное положение.

Но когда я вешаю на таблицу события toggle() то она тупо исчезает.Ведь логически прописано всё верно,почему не срабатывает должным образом?Вот мой код:

$('#moto_table tbody tr').toggle(function(){

$(this).addClass('svet');

},

function(){

$(this).removeClass('svet');

});

C
На сайте с 04.02.2005
Offline
291
#8

Для непонятливых...

toggle это не событийный метод...

Он только, грубо, инвертирует видимость элемента.

likurg1
На сайте с 10.03.2012
Offline
37
#9
Chukcha:
Для непонятливых...
toggle это не событийный метод...
Он только, грубо, инвертирует видимость элемента.

Да,но для этого должен произойти клик или я ошибаюсь?

C
На сайте с 04.02.2005
Offline
291
#10

Я Вам показал как.... включите голову.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий