Hello,

I am trying to use the show/hide jquery function to show and hide book
descriptions by clicking on the name of the book. It seems that the
script works OK in firefox but not at all in IE. (In IE the
descriptions are hidden and won't show)

For example,

http://squarehedge.com/bastianbooks/?cat=4

I have Jquery installed as party of a jquery lightbox plugin. Here is
my script:

<script type='text/javascript'>
$(document).ready(function() {
  $('div.demo-show> div').hide();
  $('div.demo-show> a9').click(function() {
        var $nextDiv = $(this).next();
        var $visibleSiblings = $nextDiv.siblings('div:visible');
        if ($visibleSiblings.length ) {
          $visibleSiblings.slideUp('fast', function() {
                $nextDiv.slideToggle('fast');
          });
        } else {
           $nextDiv.slideToggle('fast');
        }
  });
});
</script>


Here is my CSS:

.demo-show {
  width: 350px;
  margin: 1em .5em;
}
.demo-show a9 {
  margin: 0;
  padding: 5px;
  width: 338px;
  background: #bfcd93;
  border-top: 1px solid #386785;
  border-bottom: 1px solid #386785;
  cursor: pointer;
}
.demo-show div {
  padding: .5em .25em;
}

I obtained the script from this site: 
http://www.learningjquery.com/2007/03/accordion-madness

Any help is greatly appreciated!

Reply via email to