さて、別のメニューの下から下にスライドしたいメニューがあります。jQueryを正しく設定しているかどうかわかりません。デザインの画像リンクを掲載します。
私が持っているのは、すべてdivに含まれているヘッドのセクションです。表示されているメニュー(下部の薄い灰色の部分)の下にメニューがあり、クエリ用に別のdiv(#subMenu)に含まれています。基本的には、下にあるものを下にスライドさせて、画像に表示されているトップメニューのリンクをクリックして表示したいと思います。
下のメニューは、z-indexと相対性理論を介してページ上に階層化および配置されます。これは#SubMenuという名前で、高さは60ピクセルで、クエリの設定は次のようになります。
$(document).ready(function()){
//build a var to target #subMen div
var menu = $j('#subMenu')
//use click from link id
$('#menu-item-47').click(function(event){
event.preventDefault();
//if the menu is visible slide it up
if (menu.is(":visible"))
{
menu.slideUp(50);
$(this).removeClass("open");
}
//otherwise, slide menu down
else
{
menu.SlideDown(50);
$(this).addClass("open");
}
});
});
それでも、WordPressに接続して設定した後、リンクをクリックしても効果が得られません。私はそれをワードプレスに間違ってインストールしているかもしれませんが、私はむしろ問題解決の正方形のものから始めたいと思います。コードが間違って設定されていても意味がないからです。