jquery toggle - switch between toggle functions?

Question

hey guys, i love the jquery toggle function. however currently i'm facing a little issue where i don't know how to solve it in the best way.

i'm having a div called #searchbox which is depending on a user-setting either hidden or visible.

a toggle function that is triggered if i click on a button, should .slideDown() the #searchbox or .slideUp() the searchbox.

 //if already visible - slideDown
//if not visible - slideUp
$('#searchboxtrigger').toggle(
  function(){
    $('#searchbox').slideDown('fast');
  },
  function(){
    $('#searchbox').slideUp('fast');
  }
);

actually it works great already, only thing is that the first function inside toggle() always gets fired first, so if the #searchbox is already visible and slidedDown it should immediately trigger the slideUp function and vice versa.

any idea what i have to do to make that work?

Community · Accepted Answer · 2012-11-28 22:23:54Z

7

$('#searchboxtrigger').click( function(){
    $('#searchbox').slideToggle('fast');
  });

edited Nov 28, 2012 at 22:23

CommunityBot

11 silver badge

answered Nov 8, 2010 at 7:16

psychotik

39.2k35 gold badges105 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Quintin Robinson · Accepted Answer · 2010-11-08 07:14:33Z

5

Change your code to include stop()

Description: Stop the currently-running animation on the matched elements.

//if already visible - slideDown
//if not visible - slideUp
$('#searchboxtrigger').toggle(
  function(){
    $('#searchbox').stop(true).slideDown('fast');
  },
  function(){
    $('#searchbox').stop(true).slideUp('fast');
  }
);

answered Nov 8, 2010 at 7:14

Quintin Robinson

82.6k14 gold badges128 silver badges132 bronze badges

Collectives™ on Stack Overflow

jquery toggle - switch between toggle functions?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related