Simple jQuery toggle() and return false inside click()

Question

I'm mostly a djangonaut and phper, but I'm getting javascript development.

I've been looking at this very simple block for a feedback widget on a page. The code is pretty self-explanatory.

<a id="feedback-widget-toggle" href="[feedback_url]">Feedback</a>
<div id="feedback-widget">
  <form method="POST" action="[form_url]">
    ...
  </form>
</div>

<script type="text/javascript">
  $(document).ready(function() {
    $("#feedback-widget-toggle").click(function() {
      $("#feedback-widget").toggle("slide", {}, 500);
      return false;
    });
  });
</script>

It's really simple. So simple that I feel pretty dumb for this one.

The jQuery is just supposed to disable the link and slide out the feedback-widget div. That's it. I'm new to jQuery, so it's probably some very simple syntax error that I'm not sure how to debug well enough.

Thanks.

Answer 1

<script type="text/javascript">
  $(document).ready(function() {
    $("#feedback-widget-toggle").click(function() {
      $("#feedback-widget").slideToggle(500);
      return false;
    });
  });
</script>

Answer 2

Have you tried:

$("#feedback-widget").slideToggle(500);

Answer 3

your link should already get disabled with 'return false'. Alternate call here is to give the closure function a parameter (e.g. 'event') and call event.preventDefault();

as for the slide out use .slideToggle(500);

Kind Regards

--Andy