Javascript-форум - Не работает Slide в jQuery

Здравствуйте!
Есть скрипт:

$( "#button" ).click(function () {
  if ( $( ".ad_body:first" ).is( ":hidden" ) ) {
    $(".ad_body").show('slide', {direction: 'right'}, 1000);
  } else {
    $(".ad_body").hide('slide', {direction: 'right'}, 1000);
  }
});

Он привязан к

<div class="ad_body">Содержание</div>
<button id="button">Кнопка</button>

Т.е. при нажатии на кнопку "Кнопка" класс "ad_body" должен открываться. Но проблема в том, что он не открывается. Пробывал делать на чистом примере - работает. Начинаю делать у себя - опять не варит.

Вот на всякий случай CSS блока "ad_body":

Код:

.ad_body{

    height: 100%;

    width: 410px;

        background: rgba(234,234,234,0.8);

        float:right;

        right:0;

        position:fixed;

        display:none;

}

display: none - указан для того, что-бы блок по нажатию появлялся, опять же, на пустом шаблоне все работает.

Как быть?

<!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> .ad_body{ height: 100%; width: 410px; background: rgba(234,234,234,0.8); float:right; right:0; position:fixed; display:none; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> *!* <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> */!* <script> $(function(){ $( "#button" ).click(function () { if ( $( ".ad_body:first" ).is( ":hidden" ) ) { $(".ad_body").show('slide', {direction: 'right'}, 1000); } else { $(".ad_body").hide('slide', {direction: 'right'}, 1000); } }); }); </script> </head> <body> <div class="ad_body">Содержание</div> <button id="button">Кнопка</button> </body> </html>