Jquery "on second click"

[V]

I have a text that when click a  a HTML form slides down. I'm trying to slide it back up when you click on the text again. The code that works is

 

<script type="text/javascript">
$(document).ready(function(){
  $("#slidedown").click(function() {
 $("#form").slideDown("fast");
 });
});
</script>

 

and now to slide it back up on click I tried toggle. Nothing happens tho..

 

<script type="text/javascript">
  $('#slidedown').toggle(
   click(function() {
 $('#form').slideDown("fast");
   }),
    click(function() {
 $('#form').slideUp("fast");
   });
);  
</script>

 

Please anyone have any suggestions?

[trq]

 

It appears you are missing the # hashs from the 'form' selectors.

[V]

Throbe, sorry it was a typo I made when posting. The code orginally has the # but doesn't work

[trq]

Copy and Paste your actual code. We need your markup as well.

[trq]

Those clicks don't belong there.

 

$('#slidedown').toggle(
    function() {
        $('#form').slideDown("fast");
    }),
    function() {
        $('#form').slideUp("fast");
    });
);

[V]

Thanks throbe I tried without clicks but again nothing happens.

 

This is the page code I use

 

<div id="slidedown">+ Add New Category</div>
<div id="form">

    <form action="#" method="post">

    <input type="text" id="cat" name="cat" size="14" />
    
    <br />
    
    <input type="submit" name="submit" id="button" class="submit" value="Add Category">
    
    </form>
    
</div>

 

It works fine just sliding down. Sliding back up is the issue..

[trq]

There was a few syntax errors.

 

$(document).ready(function() {
    $('#slidedown').toggle(
        function() {
            $('#form').slideDown("fast");
        },
        function() {
            $('#form').slideUp("fast");
        }
    );
});

[V]

Thanks Thrope! It works perfectly now. Sometimes I consider JS way too compliocated and I overlook the minor errors..

[trq]

Make sure you have firebug installed within FF and get a decent editor.

[V]

Will do! Thanks again!

[isedeasy]

untested but this should also work

 

$(document).ready(function() {
    $('#slidedown').click(
        function() {
            $('#form').slideToggle("fast");
        }
    );
});

[V]

untested but this should also work

 

$(document).ready(function() {
    $('#slidedown').click(
        function() {
            $('#form').slideToggle("fast");
        }
    );
});

 

Yes that works too Thanks!