Здравствуйте, говорю сразу что я к вам за помощью. Как реализовать функцию, чтобы при нажатии на текст, который работает как кнопка, открывалась бы вложенная форма каждого подрасчета. Подрасчеты в архиве.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jq.."></script> <!— подключаем библиотеку jquery-->
<script> <!— Прячем/Показываем расчет-->
$(document).ready(function(){ // Обработчиком для .ready()
$(".toggle_content").hide();
$(".toggle_triger").click(function(){ //"фишка" переключения
$(".toggle_content").slideUp("normal");
if($(this).next(".toggle_content").is(':visible') )
{
$(this).next().slideUp("normal");
}
else {
$(this).next().slideDown("normal");
}
});
});
</script>
<head>
<link rel="stylesheet" type="text/css" href="pnstyle.css">
<title>Расчёты</title>
</head>
<body onload='slideToggle();'>
<center>
<table align="center" style="margin-top:-55px;">
<tr><td height="50px;">
</td></tr>
<tr>
<td>
<a href="index.html"><b>Главная</a>
<a href="raschetu.html"> Расчёты</a>
<a href="reg.html">Войти</a>
<a href="spravka.php">Справка</a>
</td>
</tr>
</table>
<p>
</body>
</html>
<div class="toggle_item">
<!--"расчёт 1"-->
<h3 class="toggle_triger">Расчёт колонны заливочных труб</h3>
<div class="toggle_content"> <!— скрываем/раскрываем контент расчёта —>
<link rel="import" href="/Kurs/pr1.html">
<link rel="import" href="/Kurs/pr2.html">
</div>
</div>
Но при моей реализации ничего не выходит, а в чём ошибка я туплю, "разжуйте" пожалуйста, чтобы решить мою проблему. id, class, и прочее я пока не использую потому что не пишу функции для вычисления самих расчётов, а лишь пока вкладываю формы друг в друга,чтобы было компактнее. Пути к файлам проверял - они правильные
Файлы pr1.html и pr2.html я выкладываю архивом.