Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Не могу скрыть блок по клику на кнопку (https://javascript.ru/forum/jquery/48013-ne-mogu-skryt-blok-po-kliku-na-knopku.html)

surrealistic pillow 16.06.2014 17:11

Не могу скрыть блок по клику на кнопку
 
Извиняюсь, перепутал с названием темы =)
наоборот, по клику нужно чтобы скрытый блок стал видимым.

Не работает:
<html>
<head>
<script type='text/javascript' src='js/jquery-1.11.1.js'></script>
</head>
<body>

<script type='text/javascript'>
$(document).ready(function(){
$('#hidden').css('display','none');
})

$('#showmail').on('click', function(){
$('#hidden').show('fast');
});
</script>

<center>
<input type="button" id="showmail" value="showmail" />
<div id='hidden'>
<a href="mailto:mail@gmail.com">mail@gmail.com</a>
</div>
</center>
</body>
</html>


Пытался чтобы блок с email появился при нажатии также через .css('display','block'), тот же результат.
Что я делаю не так?

рони 16.06.2014 17:16

surrealistic pillow,
9 строку перенести и добавить к 13
выкинуть id из ссылки строка 18
убрать строку 19

surrealistic pillow 17.06.2014 09:27

рони,
я не понял, что вы предлагаете. мне надо чтобы блок с email (скрыт по умолчанию) появился при нажатии на кнопку с id = "showmail".
id из ссылки убрал.

еще раз код приведу, не разбитый:
<html>
<head>
<script type='text/javascript' src='js/jquery-1.11.1.js'></script>
</head>
<body>
<script type='text/javascript'>
$(document).ready(function(){
$('#hidden').css('display','none');
})
$('#showmail').on('click', function(){
$('#hidden').show('fast');
});
</script>
<center>
<input type="button" id="showmail" value="showmail" />
<div id='hidden'>
<a href="mailto:mail@gmail.com">mail@gmail.com</a>
</div>
</center>
</body>
</html>

рони 17.06.2014 10:26

Цитата:

Сообщение от surrealistic pillow
id из ссылки убрал.

а 9 строку в 12 перенести не судьба? вырезать из 9 вставить хоть в начало хоть в конец 12 строки

surrealistic pillow 17.06.2014 10:47

рони,
заработало, спасибо=)
еще точку с запятой забыл


Часовой пояс GMT +3, время: 04:53.