Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
0 / 0 / 0
Регистрация: 20.03.2015
Сообщений: 127
1

Применение toggle()

25.03.2015, 10:35. Просмотров 984. Ответов 4
Метки нет (Все метки)

Здравствуйте! У меня нечего не происходить в таком коде

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
$(document).ready(function(){
    
$('#formHide').toggle(function(){
    $('#my_form').fadeOut(1000);
    $(this).text('Развернуть форму');
}, function(){
    $('#my_form').fadeIn(1000);
    $(this).text('Свернуть форму');
}); 
    
    
});//Конец ready
Помогите плииз!
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
25.03.2015, 10:35
Ответы с готовыми решениями:

Toggle
jQuery JavaScript Library v1.5 в этой библиотеке Такой код например...

Toggle()
$(document).ready(function(){ $('#post').click(function(){ $("#textpost").toggle(250);...

toggle()
Здраствуйте, как применить к toggle() при "block" эфект fadeOut(), а при "none" 'эфект fadeIn() и...

Toggle()
Исчезает сама надпись "Свернуть форму" что не так? <div id="closeForm">Свернуть форму</div>...

4
169 / 152 / 66
Регистрация: 11.02.2015
Сообщений: 450
25.03.2015, 10:57 2
Лучший ответ Сообщение было отмечено push007 как решение

Решение

Работает только на версии ниже 1.9. http://jsfiddle.net/n_robert/y93dL9qL/
HTML5
1
2
3
<div id="formHide">Развернуть форму</div>
<br/><br/><br/>
<div id="my_form">Меня разворачивают и сворачивают</div>
CSS
1
#my_form{display: none;}
Javascript
1
2
3
4
5
6
7
$('#formHide').toggle(function(){
    $('#my_form').fadeIn(1000);
    $(this).text('Свернуть форму');
}, function(){
    $('#my_form').fadeOut(1000);
    $(this).text('Развернуть форму');
});
1
201 / 150 / 44
Регистрация: 24.11.2013
Сообщений: 1,106
25.03.2015, 17:29 3
nrobert, но такое же на сайт не запихаешь, так как 2 jq библиотеки придется подключать. и 2 разных вида выполнения одной и той же функции
0
0 / 0 / 0
Регистрация: 20.03.2015
Сообщений: 127
25.03.2015, 18:16  [ТС] 4
Спасибо! Вы мне очень помогли! А как сделать по умолчанию форма была свернутым?
0
6 / 6 / 1
Регистрация: 06.05.2014
Сообщений: 252
27.03.2015, 09:08 5
push007, http://jsfiddle.net/n_robert/y93dL9qL/
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
27.03.2015, 09:08

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Не работает toggle
Подскажите пожалуйста почему не работает toggle #togglecontact при клике на #contacts. Эти разделы...

Работа с .toggle
Здравствуйте! Раньше пользывался .toggle без проблем. А теперь что-то случилсоь не хорошое. ...

неразбериха с toggle
Здравствуйте. У меня вот такая проблема - стал изучать jquery, столкнулся с методом toggle, но что...

Функция toggle()
Всем привет, я новичок в JS,отсюда вопрос такой... // Свертывание формы сообщения...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.