0

この非常に見栄えの良いレスポンシブ メニューを見つけました (ブラウザ ウィンドウのサイズを変更して機能を確認します)。

http://themetaq.com/demos/responsive-toggle-menu/

Web サイトに実装することはできましたが、現在のように表示されるだけでなく、スムーズな「スライド ダウン」アニメーションをメニューに追加するにはどうすればよいか考えていました。

その動作に関するすべてがここにあります (plugins.js)

/* MOBILE COLLAPSE MENU */
(function($) {
  $.fn.collapsable = function(options) {
// iterate and reformat each matched element
return this.each(function() {
  // cache this:
  var obj = $(this);
  var tree = obj.next('.navigation');
  obj.click(function(){
    if( obj.is(':visible') ){ tree.toggle();}
  });
  $(window).resize(function(){
    if ( $(window).width() <= 570 ){tree.attr('style','');};
  });
});
};
})(jQuery);

そしてここ（script.js）

$(document).ready(function(){
$('.slide-trigger').collapsable();
});

どんな助けでも大歓迎です！

ありがとう！

4

1 に答える 1