Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.72/18: Рейтинг темы: голосов - 18, средняя оценка - 4.72
0 / 0 / 0
Регистрация: 14.10.2013
Сообщений: 40

Чем заменить toggle(fn, fn) в jQuery v1.11?

12.08.2014, 15:08. Показов 3310. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Пример: по нажатию на "Свернуть" таблицу нужно плавно скрыть и заменить текст на "Развернуть", по второму щелчку - возвращение в исходный вид. Но после загрузки страницы строка "Свернуть" уезжает вверх. Видела тут информацию о том, что с версии 1.9 эта функция в jQuery не поддерживается, как ее корректно заменить?

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
27
28
29
30
31
32
33
34
35
36
37
38
<!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>
        <style type="text/css">
            #myTable { text-align: center; margin: 20px; width: 200px; }
            #myTable, tr, th, td { border: 1px solid black; border-collapse: collapse; }                               
            #hidSwitcher { text-decoration: underline; cursor: pointer; font-size: 16px; }
        </style>
        <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function() {
            $('#hidSwitcher').toggle(function() {
                $('#myTable').fadeOut(1000);
                $(this).text('Развернуть');
            }, function() {
                $('#myTable').fadeIn(1000);
                $(this).text('Свернуть');
            });
        });
        </script>
    </head>
    <body>
        <div id="hidSwitcher">Свернуть</div>
        <table id="myTable">
            <thead>
                <tr><th>Колонка 1</th><th>Колонка 2</th>
                </tr>
            </thead>
            <tbody>
                <tr><td>Строка 1</td><td>1</td></tr>
                <tr><td>Строка 2</td><td>2</td></tr>
                <tr><td>Строка 3</td><td>3</td></tr>
            </tbody>
        </table>
    </body>
</html>
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
12.08.2014, 15:08
Ответы с готовыми решениями:

Чем можно заменить заменить toggle() ?
Добрый день, у меня такой вопрос. Чем можно заменить toggle(function(), function()); В ранних версиях toggle можно было использовать как...

jQuery toggle
Здравствуйте. Есть такой переключатель в jQuery - toggle. Все отлично работает, вопрос в другом...Есть ли возможность с помощью кода...

Функция toggle() на jQuery
Всем доброго времени суток! Ребят, столкнулся с такой проблемой: прохожу курс по jQuery, а он был записан в 2010 году, пошли скрипты, в...

2
39 / 39 / 43
Регистрация: 14.07.2014
Сообщений: 230
12.08.2014, 20:02
Залей на фидл, поправлю
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
13.08.2014, 14:19
Лучший ответ Сообщение было отмечено Kasumi1 как решение

Решение

Добавьте код toggle к коду jquery, и все
JavaScript
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
jQuery.fn.toggle = function( fn, fn2 ) {
  // Don't mess with animation or css toggles
  if ( !jQuery.isFunction( fn ) || !jQuery.isFunction( fn2 ) ) {
    return oldToggle.apply( this, arguments );
  }
  // migrateWarn("jQuery.fn.toggle(handler, handler...) is deprecated");
  // Save reference to arguments for access in closure
  var args = arguments,
  guid = fn.guid || jQuery.guid++,
  i = 0,
  toggler = function( event ) {
    // Figure out which function to execute
    var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
    jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
    // Make sure that clicks stop
    event.preventDefault();
    // and execute the function
    return args[ lastToggle ].apply( this, arguments ) || false;
  };
  // link all the functions, so any of them can unbind this click handler
  toggler.guid = guid;
  while ( i < args.length ) {
    args[ i++ ].guid = guid;
  }
  return this.click( toggler );
};
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
13.08.2014, 14:19
Помогаю со студенческими работами здесь

Не работает toggle в jQuery
Привет! Мой html код: &lt;fieldset id=&quot;innerfieldset&quot;&gt; &lt;h3 style=&quot;color: #FFF;&quot;&gt;Рассчет стоимости проката мотоциклов:&lt;/h3&gt; ...

Изменение стиля в JQuery при .toggle()
Добрый день! Помогите советом, пожалуйста. Как внедрить в функцию изменение цвета текста при дейтствиях .hide() и .show() ? ...

Как заменить toggle() ?
Короче надо чтобы при клике на строку таблицы происходило изменение света, а при повторном клике всё превращалось обратно. Код который...

сма DAEWOO DWD M1029A чем заменить транс, трансформатор в обрыве, чем заменить
день добрый. модуль PN:361430A950 первичная транса в обрыве . может кто подскажет параметры , или советом о замене . есть лыжевский на...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Access
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru