Перейти к содержимому

Фотография
- - - - -

Раскрывающийся и скрывающийся блок при клике по ссылке


  • Вы не можете создать новую тему
  • Закрытая тема Тема закрыта
В теме одно сообщение

#1 spocher102

spocher102

    Прохожий

    Топикстартер
  • Участник
  • 0
    13 сообщ.

Отправлено 06 Февраль 2016 в 22:11

Всем привет!
Помогите реализовать раскрывающийся и скрывающийся обратно блок при клике по ссылке.

 

Есть сама ссылка и раскрывающийся блок:

<a href="" id="pokazat">Показать контактную информацию:</a>
<div id="contacts">Контактная информация:</div> (в css изначально display:none;)

Получилось пока только раскрыть))

$(document).ready(function() {
    $('a#pokazat').click( function(event){
        event.preventDefault();
                {
                $('#contacts')
                    .css('display', 'block')
                $('#pokazat')
                    .css('display', 'none')
        };
    });
});

Помогите допилить что бы при клике по ссылке <a href="" id="pokazat">Показать контактную информацию:</a>

Блок раскрывался(Ну это получилось)-->Текст в ссылке менялся на "Скрыть контактную информацию"-->И при клике по "Скрыть контактную информацию" блок с самой информацией опять становился невидим, а ссылка опять "Показать контактную информацию:"

 

Что бы работало по кругу)) Нажал показалась информация, нажал скрылась.


  • 0

Спонсор

#2 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 983
    3 516 сообщ.

Отправлено 07 Февраль 2016 в 02:47

$(document).ready(function() {
    $('a#pokazat').click( function(event){
        $('#contacts').toggle();
        return false;
    });
});

https://jsfiddle.net/BaNru/2cb52nhz/


  • 0



Похожие темы Свернуть

  Название темы Форум Автор Статистика Последнее сообщение
Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей