Форум

TTATPuOT · #1 (**permalink**) 07.05.2015, 19:54

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

$( "#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 - указан для того, что-бы блок по нажатию появлялся, опять же, на пустом шаблоне все работает.

Как быть?

рони · #2 (**permalink**) 07.05.2015, 20:09

TTATPuOT,
подключить все нужные библиотеки и ready

рони · #3 (**permalink**) 07.05.2015, 20:16

TTATPuOT

<!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>

,

Форум

Справочник

Discord чат

Курсы javascript