jquery - ボタンは一度しか機能しません

Question

1. メニューボタンをクリックして、<img>メニューリストにフェードインします。<map>
2. 次に、スライドショーとメニューに戻るボタンを .fadeIn し、<img>メニュー リストを .fadeOut します。
3. 次に、メニューに戻るボタン .スライドショーを非表示にします

問題: 1. に戻るはずですが、メニュー ボタンが機能しません。

$(document).ready(function(){
    $(".slide").hide(); /* the < imgs > in the slideshow */
    $(".menuList").hide(); /*Menu List is an < img >*/
    $(".backToMenu").hide();
1)  $(".menuButton").on("click", function(){
        $(".menuList").fadeIn(1000);    
    });
2)  $("#photoshop").on("click",function(){ /*one of the menu list < map > < areas >*/
        $(function(){ /* slideshow */
            $(".slideshowPhotoshop img:gt(0)").hide();
            setInterval(function(){
            $(".slideshowPhotoshop :first-child").fadeOut()
            .next('img').fadeIn()
            .end().appendTo(".slideshowPhotoshop");},
            4000);
        });
    });
    $(".backToMenu").on("click",function(){
        $(".slideshowPhotoshop").hide();
    });
});