滑動面板顯示

我已經制作了一個簡單的jQuery滑動面板，但它不完全是我想要的。滑動面板顯示

我想要的，實際上是this，但只有當您點擊「顯示」時出現的面板。現在，我的面板執行「Overlay」命令，這是我不想要的。我試圖從上面的網站提取代碼，但它是一團糟。

如果你們中的任何人都能拿出滑動面板「顯示」，我將非常感激。最好使用jQuery。

預先感謝您！

這是我當前的代碼：

$(document).ready(function(){ 
    $('#show_menu').on('click' , function() { 
     $('div.panel').animate({ 
      'width' : 'show'} ,500, 
      function() { 
       $('div.home').fadeIn(400); 
     }); 
    }); 

    $('span.close').on('click' , function() { 
     $('div.home').fadeOut(400 , function() { 
      $('div.panel').animate({ 
       'width':'hide'}, 500); 
      }); 
     }); 
});

來源

2013-04-20 user2301655

你能舉一個你正在使用的代碼的例子嗎？文檔說默認是'Reveal'，如果你看看選項，它會顯示顯示所需的標籤。也許閱讀入門頁面。 – 2013-04-20 08:39:06

我將我的編碼添加到原始文章中。上面的網站上的代碼是用於jQuery Mobile，而不是普通的jQuery。我不確定您是否可以使用移動插件來進行桌面PC查看，如果這樣做是有道理的。 – user2301655 2013-04-20 09:10:32

這個答案是遲，但任何人都停止了，這裏是jQuery Mobile的和「泄露」面板一個good起點。

右側和左側滑動面板都有示例，並且源代碼已經可用。

來源

2018-01-11 14:43:52 UrbanCohort

很酷，感謝鏈接+1 – user94614 2018-01-15 17:45:42

滑動面板顯示

回答

相關問題