jquery show/hide comment reply
<p>Hello Im trying to come up with code for showing hiding comment-id specific textareas.</p>

<p>I've successfully been able to assign a text area to each comment on page load and then hide and show at click. But I dont know how to hide them again. This is what I've come up with so far:</p>

<pre><code>$('#show-reply-comment').each(function(){
    $(this).click(function(e){
        e.preventDefault();
        var commentid = $(this).data('commentid');
        $('#'+commentid+'').show();
        $(this).unbind('click');
        $(this).attr('id', 'hide-reply-comment');
    });
});

$('#hide-reply-comment').each(function(){
    $(this).click(function(e){
        e.preventDefault();
        var commentid = $(this).data('commentid');
        $('#'+commentid+'').hide();
        $(this).unbind('click');
        $(this).attr('id', 'show-reply-comment');
    });
});
</code></pre>

<p>The user should be able to have several comment-reply textareas open at the same time. Would appreciate if someone could give me a hint on how to continue.</p>

<p>Edit: I forgot return false; but I dont want to mess up the code</p>
