Показать сообщение отдельно
  #4 (permalink)  
Старый 27.03.2012, 11:30
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

сделайте например задержку открытия на пару секунд
<!DOCTYPE html>
<html>
<head>
    <style>
        div.txt {
            height: 20px;
            border: 1px solid;
        }
        div.box {
            display: none;
        }
    </style>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js'></script>
    <script>
        $(function () {
          $('.item').hover(function () {
*!*
            $('.box', this).delay(2000).slideDown('slow');
*/!*
          }, function () {
            $('.box', this).stop(true, true).slideUp('slow');
          });               
        });
    </script>
</head>
<body>
  
    <div class='item'>
      <div class='txt'>Новость 1</div>
      <div class='box'>Описание 1</div>
    </div>
 
    <div class='item'>
      <div class='txt'>Новость 2</div>
      <div class='box'>Описание 2</div>
    </div>
       
    <div class='item'>
      <div class='txt'>Новость 3</div>
      <div class='box'>Описание 3</div>
    </div>
 
</body>
</html>
Ответить с цитированием