как сделать блок сверху

186
10 декабря 2016, 10:13

$(function() { 
  $(document).ready(function(){ 
    $("#closea").click(); 
    $("#closediv").fadeIn();  
  }); 
}); 
 
$(function() { 
  $("#closea").click(function() { 
    if ($(this).hasClass("closea")) { 
      $(this).removeClass("closea"); 
      $("#closeimg").attr("src", "../img/down.png"); 
    } else { 
      $(this).addClass("closea"); 
      $("#closeimg").attr("src", "../img/up.png"); 
    } 
    $("#closediv").slideToggle("slow"); 
  }); 
});
.close{ 
	-webkit-box-shadow: 0px 0px 30px 11px rgba(0,0,0,0.75); 
	-moz-box-shadow: 0px 0px 30px 11px rgba(0,0,0,0.75); 
	box-shadow: 0px 0px 30px 11px rgba(0,0,0,0.75); 
	 
	border-radius: 0px 0px 0px 30px; 
	-moz-border-radius: 0px 0px 0px 30px; 
	-webkit-border-radius: 0px 0px 0px 30px;	 
 
	position: fixed; 
	top: 0px; 
	right: 0px; 
	width: 20%; 
	background: rgb(80, 80, 80); 
	border: 3px solid #808080; 
}  
 
.close:hover{ 
	border: 3px dashed white; 
} 
 
#closediv{ 
	display: none; 
	padding: 0px; 
} 
 
#closediv:hover{ 
	 
} 
 
#closea{ 
	display: block; 
	cursor: pointer; 
	text-align: center; 
} 
 
#closetable{ 
	width: 100%; 
	color: Chartreuse; 
	font-weight: 600; 
} 
 
#closetable tr td img{ 
	width: 35px; 
	height: 35px; 
} 
 
#closetable tr td .message{ 
	width: 35px; 
	height: 30px; 
} 
 
#closetable tr{ 
	 
} 
 
#closetable tr:hover{ 
	background: #808080; 
} 
 
#closetable a{ 
	text-decoration: none; 
	height: 40px; 
	display: block; 
	font-size: 20px; 
} 
 
#closetable a:link{ 
	color: White; 
} 
 
#closetable a:visited{ 
	color: White; 
} 
 
#closetable a:hover{ 
	color: red; 
} 
 
#opendiv{ 
	display: none; 
} 
 
#opena{ 
	cursor: pointer; 
	color: White; 
} 
 
#menu_categ{ 
	display: block; 
	width: 100%; 
	color: White; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class='close'> 
 
<div id='closediv'> 
text<br><br><br><br><br><br><br><br><br><br><br><br> 
 
</div> 
<a id='closea' onclick="close(this)" class="closea"> 
  <img id='closeimg' src="../img/down.png" style="width:30px"> 
</a>

почему если я вставляю php код вместо text, то у меня иконка переходит вверх и когда нажимаю, то все прячет

READ ALSO
Свой движок MySql

Свой движок MySql

Реализовую один сервис на хостинге и мне нужно дать пользователям доступ к некоторым таблицам MySql БД(разным пользователям разные таблици)Можно...

259
Типы данных laravel migration

Типы данных laravel migration

Какой тип данных в миграциях необходимо задать для:

276
PHP/CURL. Неправильная кодировка

PHP/CURL. Неправильная кодировка

Есть специальный сайт, авторизируюсь по спец ссылке, где передаются логин и хэшЕсли перейти по ссылке через браузер, то нормально сайт открывается,...

379
Русский язык в консольной команде yii2?

Русский язык в консольной команде yii2?

Я создал консольный контролерВ нем есть действие

268