Here you go:
$("p.more a").toggle(
function() {$(this).html("« Less"); alert('1');},
function() {$(this).html("More »"); alert('2');}
).click(function() {
$(this).parent().siblings("div.overflow").toggle();
});
You were adding new (more) toggle methods each time the link was clicked.
You just want to define them once, and the click will call them
automatically.
- Richard
On Tue, May 6, 2008 at 8:31 AM, noon <[EMAIL PROTECTED]> wrote:
>
> $("p.more a").click(function() {
> $(this).parent().siblings("div.overflow").toggle();
> $(this).toggle(
> function() {$(this).html("« Less"); alert('1');},
> function() {$(this).html("More »"); alert('2');}
> );
> });
>
> I am referring to "p.more a" when mentioning a click. The first time I
> click no alert is fired. The second time I click 1 is alerted. The
> third time I click 2 is alerted then 1 is alerted. The fourth time I
> click 2 is alerted, 1 is alerted, 2 is alerted. And so on. Every
> time "div.overflow" is toggled correctly.
>
> Why is it recursively operating like this?
>
