Nevermind...i figured it out. sorry for the double post
On Feb 13, 2:11 pm, igb <[EMAIL PROTECTED]> wrote: > 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!
