Скрипт выпадающего меню (найти ошибку в коде)

@sashok89 · Регистрация: 04.08.2012

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

Доброй ночи! Помоги понять ошибку!
Пишу скрипт выпадающего меню и не могу понять почему он у меня не работе

HTML5

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>UnDoc</title>
 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $(".btn").on("click", function(e) {
            if($("#panel").is(":visible")) {
                $("#panel").slideDown("slow");
            } else {
                $("#panel").slideUp("slow");
            }
        })
    })
</script>
<style type="text/css">
    body {
        margin: 0 auto;
        width: 600px;
    }
    #panel {
        background: yellow;
        overflow: hidden;
        width: 100%;
        height: 400px;
    }
    .slider {
        border: 4px solid #A52A2A;
    }
</style>
</head>
<body>
    <div id="panel"></div>
    <div class="slider">
        <a href="#" class="btn">Press Down</a>
    </div>
</body>
</html>

@Faust971 · 09.06.2014, 08:23

А наоборот?

Javascript

   $(document).ready(function() {
        $(".btn").on("click", function(e) {
            if($("#panel").is(":visible")) {
            $("#panel").slideUp("slow");
             
            } else {
                $("#panel").slideDown("slow");  
            }
        });
    });

Добавлено через 2 минуты
А вобще можно проще:

Javascript

$(document).ready(function() {
        $(".btn").on("click", function(e) {
          $("#panel").slideToggle(1000);
        });
    });

	09.06.2014, 08:23

Скрипт выпадающего меню (найти ошибку в коде)

Решение