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