После вызова Ajax не работает JS?

[V2oD2o]

есть знакомый многим скрипт:

$(document).ready(function(){
	
	$(".acc h3").eq(2).addClass("active");

	$(".acc h3").click(function(){
		$(this).next("p").slideToggle("fast").siblings("p:visible").slideUp("fast");
		$(this).toggleClass("active");
		$(this).siblings("h3").removeClass("active");
	});
});

все работает.. пишу админку и вот во что вляпался:

есть блок id1, вобщем редактирую его, говорю серверу пережувать:

function WriteOldForm(updateid,formid,subname) {
	var edit1=document.getElementById(formid).value;
	if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); }
	xmlhttp.onreadystatechange=function() {
  		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
			document.getElementById(updateid).innerHTML=xmlhttp.responseText;
			alert('Блок успешно обновлен.'); 
		}
  	}
	xmlhttp.open("GET","sql.php?req1="+edit1+"&req2="+subname,true);
	xmlhttp.send();
}

он все верно вываливает, НО! после обновления не цепляет скрипт открытия\скрытия блока <p> у <h3>..

подробнее:

первый скрипт делает меню "гармошка" на основе:
<h3>заголовок</h3>
<p>Текст блока</p>

меняю в реалтайме на:

<h3>Велосипед</h3>
<p>Двухколесный</p>

все меняется, НО! JS гармошка - больше не работает - блок не открывается..

второй день сижу, все перепробовал..

з.ы. это нормально когда ajax'ом меняем код, а браузер выдает старый исходник?

з.ы.ы. в вызываемом выше sql.php переменная вида $_SESSION['xxx'] не работает?

[namo86]

Что пишет файрбаг ?

[V2oD2o]

не пользовался им..
нашел, поставил, посмотрел - пустое окно ;\

ну никак понять не могу.. вот только на тот пункт который я обновляю - скрипт не обращает внимания..

[namo86]

Ну судя по описанию, при выполнении гдето происходит ошибка, файрбаг покажет где ...

[V2oD2o]

где тут может быть ошибка?

до:

<div id=form1829><h3>Заголовок</h3><p>Текст блока</p></div>

после:

<div id=form1829><h3>Велосипед</h3><p>Двухколесный</p></div>

если вручную дать команду открыть блок - он открывается..
а вот jQuery его игнорирует по onclick.. все остальные блоки - работают..

[x-yuri]

live?

[V2oD2o]

live?

как его пользовать?
можно пример на основе первого скрипта?

[namo86]

как его пользовать?
можно пример на основе первого скрипта?

Имелось ввиду, ссылку в студию ... сложно понять что там нитак по описанию, лучше уж один раз увидеть и объеснить что почем ...

[V2oD2o]

ой.. я просто подумал о jQuery "live" примочке..

вот примитивный код для копипаста в htm документ:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
 
<style type="text/css"> 
body {
	margin: 10px auto;
	width: 570px;
	font: 75%/120% Arial, Helvetica, sans-serif;
}
.accordion {
	width: 480px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7;
	padding: 7px 15px;
	margin: 3px;
	cursor: pointer;
}
</style>

<script type="text/javascript"> 
$(document).ready(function(){
	
	$(".accordion h3").addClass("active");
	$(".accordion p").hide();
 
	$(".accordion h3").click(function(){
		$(this).next("p").slideToggle("slow")
		.siblings("p:visible").slideUp("slow");
		$(this).toggleClass("active");
		$(this).siblings("h3").removeClass("active");
	});
 
});

function updatemenu() { document.getElementById('id1').innerHTML="<h3>Транспорт</h3><p>Велосипед</p>" }

</script>

<div class=accordion>
<div id=id1><h3>Заголовок1</h3><p>Текст1</p></div>
<div id=id2><h3>Заголовок2</h3><p>Текст2</p></div>
<div id=id3><h3>Заголовок3</h3><p>Текст3</p></div>
<div id=id4><h3>Заголовок4</h3><p>Текст4</p></div>
</div>
<br><br>
<a href="javascript:updatemenu();void(0);">Изменить меню</a>

[V2oD2o]

проблема решена! ТЗ.
Спасибо всем!