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

Статус
Закрыто для дальнейших ответов.

spocher102

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

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

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

Что бы работало по кругу)) Нажал показалась информация, нажал скрылась.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ