want to slide header photos and show menu on clicking toggle button

want to slide header photos and show menu on clicking toggle button

Hello.

I want to slide header photos and show menu on clicking toggle button.

The sliding header photos work, but the menu dose not show on clicking toggle button.

Please tell me what is wrong.

Here is the script I write;



<script>
$(function(){

$("#menubtn").click(function(){
$("#menu").slideToggle();
});

});
</script>

<script src="jquery/jquery.bxslider.min.js"></script>
<link href="jquery/jquery.bxslider.css" rel="stylesheet" />

<script type="text/javascript">
        $(document).ready(function(){
            $('.bxslider').bxSlider({
                auto: true,
pause: 6000,
captions: true,
controls: false,
pager: false,
            });
        });
</script>