[jQuery] Re: slideToggle stops working after refreshing content with Ajax

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-->