Появление блока! Загадка или тупость?

@maximus2011 · Регистрация: 21.02.2012

Author24 — интернет-сервис помощи студентам

Всем привет! Нведите на путь истиный, сижу уже 2 часа, в чем косяк не пойму. Нужно чтобы блок появлялся и прятался по клику.

HTML5

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<link href="css/form.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/call_f.js"></script>
</head>
 
<body>
    <div id="call_button"></div>
    <div id="forma">
        <div id="form_header">Заказать обратный звонок</div>
        <div class="f_form"><form action="send.php" method="post" name="count_call">
        <p>Ваше имя:<br>
        <input name="name" type="text" size="40">
        </p>
        <p>Ваш номер телефона:<br>
        <input name="phone" type="text" size="40">
        </p>
        <p>Ваш комментарий:<br>
          <textarea name="komment" cols="30" rows="5"></textarea>
        </p>
        <input type="submit" name="sand" value="Заказать звонок" style="background:#ff9900; cursor:pointer;">
        </form></div>
    </div>
</body>
</html>

Javascript

$(document).ready(function(){
 
$('#call_button').toggle(function() {
$('#forma').fadeOut(1000);
 
}, function() { 
$('#forma').fadeIn(1000);
});

@skv1991 · 19.05.2012, 02:14

А по чему ты щёлкаешь? Если по диву call_button, то как ты попадешь по нему, если он пустой?

HTML5

<div id="call_button">Я кнопка!</div>
<div id="forma">
<div id="form_header">Заказать обратный звонок</div>
<div class="f_form"><form action="send.php" method="post" name="count_call">
<p>Ваше имя:<br>
<input name="name" type="text" size="40">
</p>
<p>Ваш номер телефона:<br>
<input name="phone" type="text" size="40">
</p>
<p>Ваш комментарий:<br>
<textarea name="komment" cols="30" rows="5"></textarea>
</p>
<input type="submit" name="sand" value="Заказать звонок" style="background:#ff9900; cursorointer;">
</form></div>
</div>

Javascript

$(document).ready(function(){
    $('#call_button').toggle(function() {
        $('#forma').stop(true, true).fadeOut(1000);
        }, function() { 
        $('#forma').stop(true, true).fadeIn(1000);
    });
 
});

	19.05.2012, 02:14