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

Reply via email to