HTMLの基本構造は変更せず使用してください。
特に、id="menu"とid="main"の順番を変更するとメイン部分のエフェクトがかからなくなります。
メイン部分のエフェクトが必要無い場合は、前述の順番を変更しても問題ありません。

下にボタンが表示されるサンプルはボタンが固定されています。
その場合、プルダウンメニューはスクロールしないので画面内に収まるサイズにしてください。