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

Изменение стиля в JQuery при .toggle()

06.02.2015, 12:54. Показов 2944. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день! Помогите советом, пожалуйста.

Как внедрить в функцию изменение цвета текста при дейтствиях .hide() и .show() ?

Изначально была простая функция:
JavaScript
1
2
3
    $(.sidico > a').click(function(){
        $('.sidico .infobl').toggle();
    });
Необходимо дополнить это изменением цвета.

На stackoverflow нашёл следующее решение, но это у меня не работает.

JavaScript
1
2
3
4
5
6
7
8
9
$('.sidico > a').click(function(){
 
$('.sidico .infobl').toggle(function () {
    $(this).css({color: "#ccc"});
}, function () {
    $(this).css({color: "#000"});
});
 
});

Фрагмент кода:

HTML5
1
2
3
<ul>
        <li class="sidico"><a href="#1">Сайдинг</a>
            <div class="infobl"><div class="line"></div>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
06.02.2015, 12:54
Ответы с готовыми решениями:

Toggle и изменение текста кнопки при клике на нее
По нажатию на кнопку &quot;Подробнее&quot; срабатывает toggle и раскрывается div. Как только я нажал на кнопку она должна сменить надпись на...

JQuery callback при изменении стиля, Реально ли?
Элементу присваивается стиль, напр. $('.element').css(&quot;color&quot;,&quot;white&quot;); возможно ли сделать callback вызов функции по завершению...

Установка стиля используя jQuery для ошибок , которые генерирует jquery validate
Стиль для ошибок, которые генерируются с помощью библиотеки jquery validate можно оформить через файл *.css. .error { ...

2
 Аватар для Давран
203 / 152 / 44
Регистрация: 24.11.2013
Сообщений: 1,106
08.02.2015, 19:20
Arkmale, в toggle, как я знаю, можно передавать только одну функцию

Добавлено через 5 минут
можно так сделать
JavaScript
1
2
3
4
5
6
7
8
9
            $('.sidico > a').click(function(){
         
        $('.sidico .infobl').toggle(function () {
            if($(this).css('display')=="none"){
            $(this).css({color: "#000"});}
            else $(this).css({color: "#ccc"});
        });
         
        });
1
0 / 0 / 0
Регистрация: 30.10.2012
Сообщений: 6
09.02.2015, 11:19  [ТС]
Спасибо, Давран!

Дополнил 1 милисекундой для отображений и вторые $(this) заменил на $('.sidico > a'), потому что именно цвет ссылки надо менять.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
09.02.2015, 11:19
Помогаю со студенческими работами здесь

Изменение стиля при клике на нем
День добрый. Второй день бьюсь над задачей. Есть таблица, с 100500 шт ячейками вида &lt;td class=&quot;s142&quot; colspan=&quot;4&quot;...

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

Изменение стиля страницы при изменении get параметров
Всем доброго времени суток. Идея такова: хочу получать адресную строку и проверять ее на наличие определенного get параметра, а если он...

изменение стиля ячейки при активном input
Есть таблица: &lt;table class=&quot;research&quot;&gt; &lt;tbody&gt; &lt;tr class=&quot;accordion&quot;&gt; ...

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


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru