Thanks thanks so much I tried to rebind the event handlers and for some reason that did not work.
However, the plugin worked perfectly! Thanks once again, I spent days on this On Nov 28, 2:17 pm, jpcozart <jeremy.coz...@gmail.com> wrote: > You can use the Live Query plugin to resolve this problem: > > http://docs.jquery.com/Plugins/livequery > > Or you can rebind the event handlers after the ajax call has updated > the page. The new nodes do not have event handlers bound to them when > they replace the old nodes: > > function refreshcontent(){ > $.get("mycontent.php", function(data){ > $("#container").animate({ opacity: "hide" }, 200); > $("#container").html(data); > $("#container").animate({ opacity: "show" }, 200); > > jQuery(".displayer").click(function() > { > jQuery(this).next(".hidlayer").slideToggle(100); > }); > > }); > } > > I hope this is helpful. > > Jeremy > > On Nov 27, 3:13 pm, Sala <villa...@gmail.com> wrote: > > > > > I can't figure out what's wrong. > > > The slidetoggle works fine until I refresh the page using Ajax, even > > though the same exact html is outputted by "mycontent.php" > > > <!--SLIDETOGGLE--> > > <script type="text/javascript"> > > jQuery(document).ready(function() { > > jQuery(".displayer").click(function() > > { > > jQuery(this).next(".hidlayer").slideToggle(100); > > });}); > > > </script> > > > <script type="text/javascript"><!--AJAX--> > > function refreshcontent(){ > > $.get("mycontent.php", function(data){ > > $("#container").animate({ opacity: "hide" }, 200); > > $("#container").html(data); > > $("#container").animate({ opacity: "show" }, 200);}); > > } > > > </script> > > <!--JQUERY CODE END--> > > > <!--OUTPUT FROM MYCONTENT.PHP--> > > <div id="container"> > > <div class="message_block"> > > <div class="<?php echo $class; ?>"><?php echo $cando; > > ?></div> > > <div class="message_block_text"> > > <table class="displayer btn" border="0" width="645"> > > <tr> > > <td width="30"><span > > class="icon"><img src="images/arrow.png" > > alt="arrow" width="16" height="14" /></span></td> > > <td width="100"><div > > class="unha_sections aquen"><span > > class="message_info_text">Usuario </span><span > > class="unha_info_data"><?php echo $aquen; ?></span></div></td> > > <td width="300"><div><span > > class="unha_info_data"><?php > > echo $mymessage; ?></span></div></td> > > <td width="66"><div > > class="unha_sections activated"><span > > class="unha_info_text">Enviado: </span><span class="unha_info_data"><? > > php echo $act; ?></span></div></td> > > <td width="34" > > style="text-align:right;"><img src="images/ > > envooo.png" width="34" height="23" alt="" /></td> > > </tr> > > </table> > > <div class="hidlayer"> > > <?php echo $message; ?> > > <div class="options">Edit</div> > > </div> > > </div> > > </div> > > </div> > > <!--OUTPUT FROM MYCONTENT.PHP END-->
