[jQuery] Problems with jQuery click functions embedded in AjaxSubmit Form Results
Hi,
I have a page which shows data for the next 5 weekdays. It has two
buttons which submit via JQuery AjaxSubmit to move the page back and
forward days. This works fine. However, the details for each day can
be collapsed via a button that is in the results for each day, i.e.
name1 [+] day1 day2 day3 day4 day5
blah blah
name2 [+] day1 day2 day3 day4 day5
blah blah
were [+] is the expand/collapse image. This works on the first
display of the page, i.e. before the ajaxform has been submitted at
all. Once the form has been submitted the expand collapse stops
working. Any ideas?
This is all the jQuery code for the page.
<script type="text/javascript" src="ajax/jquery.js"></script>
<script type="text/javascript" src="ajax/jquery.form.js"></script>
<script language="javascript">
$(document).ready(function(){
$('.prev_week').click(function() {
$('#frmDiaryPrev').ajaxSubmit(
{
target: '#diary_results'
}
);
return false;
});
$('.next_week').click(function() {
$('#frmDiaryNext').ajaxSubmit(
{
target: '#diary_results'
}
);
return false;
});
$("img[id^='showhide_']").click(function(){
if(this.id&&this.id.length>0){
var engName=this.id.substring('showhide_'.length);
$("div#block_"+engName+" > div").toggle();
}
});
});
</script>