Показать сообщение отдельно
  #1 (permalink)  
Старый 09.07.2012, 16:25
Интересующийся
Отправить личное сообщение для cheba Посмотреть профиль Найти все сообщения от cheba
 
Регистрация: 09.07.2012
Сообщений: 16

Раздвигающийся текст. Нужна помощь!
Надо чтобы раскрывающийся текст мог раскрываться с нескольких ссылок к примеру из стандартного меню и с обычной ссылки.
Лучше чтобы в меню вызов открытия текста находился в параметре href.
+
Когда открывается одна форма, вторая сворачивается.

Прошу помогите!!

Нигде не смог найти такого решения.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
 
</head>
 
<body>
 
Меню:
<ul>
<li><a href="#" class="heading">Button</a></li>
<li><a href="#" class="heading1">Button2</a></li>
</ul>
 
Текст:
 
  <a href="#" class="heading">Button</a>
<div class="content">Lorem ipsum dolor sit amet</div>
 
  <a href="#" class="heading1">Button2</a>
<div class="content1">Lorem ipsum dolor sit amet2</div>
<script>
 
$(document).ready(function() {
  $(".content").hide();
  $(".content1").hide();
 
  //toggle the componenet with class msg_body
  $(".heading").click(function()
  {
    $(this).next(".content").slideToggle(500);
    
  });
  $(".heading1").click(function()
  {
    $(this).next(".content1").slideToggle(500);
    
  });
 
});</script>
</body>
</html>
Ответить с цитированием