JQuery Sliding divs and changeing button : Helo 

I have a footer slide toggle funcion, and i want to change on the button. up button, down button.

Please read the codes and you will know, what to want.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    $(".footer").click(function () {

        $footer = $(this);
        //getting the prev element
        $content = $footer.prev();
    		$button = $footer.find("td");
        //open up the content needed - toggle the slide- if visible, slide up, if not slidedown.
        $content.slideToggle(500, function () {
            //execute this after slideToggle is done
            //change text of header based on visibility of content div
    				return	$content.is(":visible") ? $button.attr("up","down") : $button.attr("down","up");
        });
    });

<!-- language: lang-html -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <div class="infobar">
    <table class="content">
    content		
    </table>
    <table class="footer">
    			<td class="up" style=" padding-top: 7px; padding-bottom: 7px;" >
    			</td>
    	</table>
    </div>

<!-- end snippet -->

Demo: http://jsfiddle.net/HAQyK/1652/

How can i slove it?

 - List item