Также используется 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>