I added the following to one of my files to hide and show a group of
thumbnails and it gave me a 403 error in Firefox only:

$(document).ready(function(){
        $('div.more').hide();
        $('br.clearbothMore').hide();
        $('h2.contract').hide();

        $('h2.expand').click(function()
                {
                        $('div.more').toggle('crawl');
                        $('br.clearbothMore').toggle('crawl');
                        $('h2.expand').hide();
                        $('h2.contract').show();
                        return false;
                });


        $('h2.contract').click(function()
                {
                        $('div.more').toggle('crawl');
                        $('br.clearbothMore').toggle('crawl');
                        $('h2.expand').show();
                        $('h2.contract').hide();
                        return false;
                });
  });


I modified it to this and the 403 error disappeared:

$(document).ready(function(){
        $('div.more').hide();
        $('br.clearbothMore').hide();
        $('h2.contract').hide();});

  //this $(document.ready is new
  $(document).ready(function(){
        $('h2.expand').click(function()
                {
                        $('div.more').toggle('crawl');
                        $('br.clearbothMore').toggle('crawl');
                        $('h2.expand').hide();
                        $('h2.contract').show();
                        return false;
                });


        $('h2.contract').click(function()
                {
                        $('div.more').toggle('crawl');
                        $('br.clearbothMore').toggle('crawl');
                        $('h2.expand').show();
                        $('h2.contract').hide();
                        return false;
                });
  });

I'm just wondering why adding the extra $(document).ready made it
work? I would like to understand it, so I can avoid any future
problems.

Thanks!

Reply via email to