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

Смена стилей при клике

28.03.2015, 20:41. Показов 25899. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как сделать чтобы при нажатии на ссылку постоянно менялись стили?
Дефолтом стоит для .block display:none, при клике меняется. Вот собственно вопрос, как сделать чтобы при повторном клике стала обратно none

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$("a").click(function(name){
 
  if($(".block").css("display", "none"))
{
    ($(".block").css("display", "block"))
    ($("h1").css("color", "green"))
 
 
}
 
 
 
});
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
28.03.2015, 20:41
Ответы с готовыми решениями:

Динамическая смена стилей при скроллинге страницы
Доброго времени суток, уважаемые знатоки и посетители данного ресурса. Сразу отмечу, что для меня JS, это что-то диковинное и изучать его я...

Смена картинок при клике
Доброго всем времени суток. У меня есть ряд небольших картинок, и те же самые картинки только побольше, где все кроме одной скрыты....

Смена шрифта при клике
Добрый вечер. Помогите разобраться. есть текст и две кнопки <p class="text">some text</p> <a id="left"...

8
 Аватар для Давран
203 / 152 / 44
Регистрация: 24.11.2013
Сообщений: 1,106
28.03.2015, 21:22
kaiwa, не совсем понял что нужно

Добавлено через 3 минуты
это?https://jsfiddle.net/32qhb6rx/
JavaScript
1
2
3
$('.block').click(function(){
  $('.some').toggle();
  });
HTML5
1
2
<a class="block" href="#">Нажмите</a>
<div class="some">Это должно появлятся и исчезать</div>
1
0 / 0 / 0
Регистрация: 01.07.2013
Сообщений: 40
28.03.2015, 21:42  [ТС]
Как все просто) не знал о таком. Спасибо) буду учить дальше

Добавлено через 5 минут
А как сделать чтоб именно менялись стили а не скрывался блок?
0
 Аватар для Давран
203 / 152 / 44
Регистрация: 24.11.2013
Сообщений: 1,106
28.03.2015, 21:52
kaiwa, можно менять классы. к одному классу один стиль к другому другой
JavaScript
1
2
3
$('.block').click(function(){
    $('.some').addClass('some_1').removeClass('some');
});
https://jsfiddle.net/b6h5hgcn/

Добавлено через 56 секунд
либо через функцию css менять конкретное правиль
1
0 / 0 / 0
Регистрация: 01.07.2013
Сообщений: 40
28.03.2015, 22:05  [ТС]
вот я сделал как вы, у меня точно также работало. А как чтобы обратно меняло?
чтобы бесконечно клоцать и менять стили (2шт)
0
 Аватар для Metall_Version
2152 / 1289 / 516
Регистрация: 04.03.2014
Сообщений: 4,092
29.03.2015, 20:01
kaiwa, вот так

JavaScript
1
2
3
4
5
6
7
8
$('.block').click(function(){
    var some = $('.some');
    if(some.hasClass('some_1')){
        some.removeClass('some_1').addClass('some');
    } else {
        some.removeClass('some').addClass('some_1');
    }
})
0
 Аватар для Давран
203 / 152 / 44
Регистрация: 24.11.2013
Сообщений: 1,106
29.03.2015, 20:36
Metall_Version, может я путаю, но при первом нажатии он удалит класс some и следовательно при повторном нажатии он не сможет к нему обратится через var some = $('.some');
0
 Аватар для Metall_Version
2152 / 1289 / 516
Регистрация: 04.03.2014
Сообщений: 4,092
29.03.2015, 20:47
Давран, точняк, не заметил что селектор у нас класс.
тогда нужно или находит элемент через другой селектор, id например. или менять все классы в лоб
JavaScript
1
2
3
4
5
6
$('.block').click(function(){
    var some = $('.some');
    var some1 = $('.some_1');
    some1.removeClass('some_1').addClass('some');
    some.removeClass('some').addClass('some_1');
})
0
 Аватар для Давран
203 / 152 / 44
Регистрация: 24.11.2013
Сообщений: 1,106
29.03.2015, 20:49
Metall_Version, либо один класс что бы был стретичный, а второй например добавлялся и удалялся
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
29.03.2015, 20:49
Помогаю со студенческими работами здесь

Смена картинок при клике
Нужно простой слайдер )) Есть три картинки по очереди . при клике preview показалось предыдущая картинка и при клике next...

Смена tabs при клике на другой элемент
Здравствуйте. Имеется простой tab на jQuery (https://jqueryui.com/tabs/). Подскажите, как можно осуществить следующее - при клике на...

Смена класса у одного тега при клике на другой
Нужно изменить класс хедер при нажатии на ссылку чтобы его айди совподала с его классом &lt;style&gt; .home { background:...

смена текста при клике и возврат после паузы
Не работает конструкция $('#calculate').html('&lt;img src=&quot;https://www.cyberforum.ru/images/ajax_loader.gif&quot; /&gt;'); ...

Смена текста в кнопке при клике и возврат на исходный текст
Доброго дня, уважаемые форумчане! У меня есть простая html и по клику меняю ей текст - &quot;Скопировать цитату&quot; на &quot;Текст...


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

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
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