You need to clear your HTML first. remove() does nothing. <script type="text/javascript"> $(document).ready(function(){ $('div.bang').addClass('hide'); $('a.collapse').toggle(function(){ $('div.bang').show(); $('a.collapse').html("").append("(-)"); }, function(){ $('div.bang').hide(); $('a.collapse').html("").append("(+)"); }); }); </script>
On Nov 21, 1:35 pm, FrankTudor <[EMAIL PROTECTED]> wrote: > <script type="text/javascript"> > $(document).ready(function(){ > > $('.bang').hide(); > > $("a.collapse").toggle(function() > { > $('.bang').show(); > $('a.collapse').remove("(-)").append("(+)"); > > },function(){ > > $('.bang').hide(); > $('a.collapse').remove("(+)").append("(-)");}); > }); > > </script> > > <head> > <body> > > <a href="" class="collapse">(-)</a> > > <div class="bang"> > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean at > magna nec erat tincidunt sollicitudin. Phasellus eu est. Aenean diam > elit, laoreet sed, suscipit eget, hendrerit vel, lorem. Suspendisse > nec turpis ullamcorper urna accumsan sollicitudin. > </div> > > Can someone put a set of eyes on the above code...It doesn't seem to > work and I am not sure why. > > Thanks, > Frank