Javascript-форум - Проблема jQuery

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Проблема jQuery (https://javascript.ru/forum/jquery/62793-problema-jquery.html)

Проблема jQuery

Здравствуйте, говорю сразу что я к вам за помощью. Как реализовать функцию, чтобы при нажатии на текст, который работает как кнопка, открывалась бы вложенная форма каждого подрасчета. Подрасчеты в архиве.
<!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">

<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 я выкладываю архивом.

Цитата:

Сообщение от Remca

странное у вас подключение
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

[js]
$(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");
}
});

});
[/us]

$(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");
}
});

});

Remca,
код внутри $(document).ready у вас рабочий, но думаю что это вам не поможет ...

У меня работает скрипт свернуть/развернуть при нажатии на загаловок h3, раскрываются подрасчеты (они обычного шрифта). Но тогда у меня была проблема с div-ами, и чтобы не было лишней путаницы в скрипте, я импортировал 2файла подрасчета: pr1.html и pr2.html
Но теперь окончательная проблема в том что при нажатии на загаловок h3, подрасчеты не показываются, а вместо них пустое место. И я не могу решить эту проблему. А как её решить или что в коде переписать?

Цитата:

Сообщение от Remca

заменить это на нужный вам html
или так попробовать

<iframe src="/Kurs/pr1.html"></iframe>

А у вас теперь работает? Вышлите пожалуйста скрин, чтобы я увидел что теперь всё работает правильно.
А сам я на компьютер пару дней не смогу заходить

Remca,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>

</script>
  <script>
 $(function(){
$(".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>

<body>
<div class="toggle_item">
 <!--"расчёт 1"-->
 <h3 class="toggle_triger">Расчёт колонны заливочных труб</h3>
 <div class="toggle_content">   <iframe src="http://javascript.ru/forum/"></iframe>
 </div>
 </div>


</body>
</html>