สอบการเรื่องการใช้ JavaScript ในส่วนของการ Slide Show,Hide ในการเลื่อนไปทาง ซ้าย และ ขวาอะครับ

<span class="left"><a class="arrow_left" id="arrow_left" href="javascript:clickleft();"></a></span>\
<span class="right"><a class="arrow_right" id="arrow_right" href="javascript:clickright();"></a></span>\
<ul class="menu_row1 float-left" id="demo1">\
<li>\
ข้อมูลส่วนที่ 2
</li>\
</ul>\
<ul class="menu_row2 float-left" id="demo2">\
<li>\
ข้อมูลส่วนที่ 2
</li>\
</ul>\

function clickright(){
	    $("#demo2").show("slide",{direction: 'right'},500);
	    $("#demo1").hide();

}

function clickleft(){
	    $("#demo1").show("slide",{direction: 'left'},500);
	    $("#demo2").hide();

}