Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как сделать чтобы при втором нажатии на кнопку картинка закрывалась? (https://javascript.ru/forum/misc/73726-kak-sdelat-chtoby-pri-vtorom-nazhatii-na-knopku-kartinka-zakryvalas.html)

KazZato 10.05.2018 13:14

Как сделать чтобы при втором нажатии на кнопку картинка закрывалась?
 
Вложений: 1
:help:
Также используется JQuery!!!
День добрый. Проблем заключается в следующем: Как сделать чтобы при втором нажатии на кнопку картинка закрывалась?
Вот код...

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript">
function valid() {
var state = $("input[name='sex']:checked").val();
$("#message").show();
if(!state) return $("#message").html("<font style='color:red'>Укажите пол !</font><br/><br/>");
$("#message").hide();
if(state == "male")
$("#img").show();
if (state) return $("img:checked").val().hide();





}
</script>

</head>
<body>

<for name="form" id="form">

<label for="female">Женский</label>
<input type="radio" id="female" name="sex" value="female" />
<label for="male">Мужской</label>
<input type="radio" id="male" name="sex" value="male" />
<br /><br />
<span id="message"></span>
<input type="button" id="done"onclick="return valid()" value="Готово" />
</form>

<img src="img/pasha.jpg" style="display:none" id="img"/>

</body>
</html>

j0hnik 10.05.2018 13:16

1) инициализировать счетчик кликов
2) if(i==2) закрывать картинку.

или почитать про toggle


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