.show & .hide

@Diador · Регистрация: 09.09.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте!

Есть 2 div'a. Один, допустим "attack" открыт, а другой - "guard" скрыт стилем "display: none".

Нужно, чтобы <div id="attack"></div> был скрыт при нажатии кнопки, а на том самом же месте появился <div id="guard"></div>

В jQuery я не шарю, пожалуйста, помоги люди добрые

Vovan-VE · 18.06.2013, 16:47

JavaScript
1
2
3
4
5
$(function () {
    $('#the-button').on('click', function () {
        $('#guard').show().insertAfter( $('#attack').hide() );
    });
});

@Soldado · 18.06.2013, 23:23

Если элементы в html идут подряд, то нужные блоки можно просто скрыть/показать, свойсво display: none освобождает место невидимого документа.

JavaScript
1
2
3
4
5
6
7
$(function () {
    $('#the-button').click(function () {
        $('#attack').hide();
        $('#guard').show();
       
    });
});

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@Diador 3 / 3 / 1 Регистрация: 09.09.2012 Сообщений: 36

	.show & .hide 18.06.2013, 15:14. Показов 1316. Ответов 2 Метки нет (Все метки) Здравствуйте! Есть 2 div'a. Один, допустим "attack" открыт, а другой - "guard" скрыт стилем "display: none". Нужно, чтобы <div id="attack"></div> был скрыт при нажатии кнопки, а на том самом же месте появился <div id="guard"></div> В jQuery я не шарю, пожалуйста, помоги люди добрые 0

.show & .hide

Решение