Показать сообщение отдельно
  #6 (permalink)  
Старый 14.02.2016, 01:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

rikitiki,
так?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

$(document).ready(function(){
   $(".asd,.hide").mouseenter(function(){
      $(".hide").show();
   });
   $(".asd,.hide").mouseleave(function(){
      $(".hide").delay(300).hide();
   });
});
</script>

<style>
.hide {display:none; width:165px;}
.asd {
  border:dotted 1px rgba(0,0,0,.5); width:140px;
}
</style>
</head>
<body>
<div class="asd"><span style="color:blue">Описание</span>(спойлер)</div>
<div id="id321" class="hide">
<span style="color:red">А вот Мы и открылись!</span>
</div>

</body>
</html>
Ответить с цитированием