Is there a way to make an accordion menu open when the 'More' button is clicked? I've tried, but it always starts in its expanded state and collapses when the button is clicked. What I really want is for the accordion to be closed initially and then open when the button is clicked.
Can someone please provide some guidance?
<input id="hide" value="+" src="./img/Mainpage-more-icon.png" type="button" /><br/>
<div id="rightMenu">
<ul>
<li>sss</li>
<li>sss</li>
<li>sss</li>
</ul>
</div>
<script>
$(document).ready(function() {
$('#hide').click(
function() {
//show its submenu
$("#rightMenu").stop().slideToggle(500);
}
);
});
</script>