2つの機能を切り替えるボタンを作ってみましたが、動作させることができません。あなたは私に理由を教えてもらえますか?2つの機能の切り替えが機能しません
function a(el) {
document.getElementById("myNav").style.height = "100%";
}
function b(el) {
document.getElementById("myNav").style.height = "0%";
}
$("menubutton").click(function() {
return (this.tog = !this.tog) ? a() : b();
});
は、/開くナビゲーションを閉じることになったが、それは全く何もしないです:あなたのコード内のいくつかのエラーがあります/
セレクタが間違っています。無効な ' '要素を探しています。これは '$(" menubutton ")'や '$("。menubutton ")'でなければなりません。コードが正常に動作することを確認したら、https://jsfiddle.net/d9k8yr4h/。タイプミスとしてクローズする投票。また、 '#myDiv'要素でクラスを切り替えることで、コードをもっと簡単にすることができます(そして、より良い習慣に従うことができます):https://jsfiddle.net/d9k8yr4h/1/ –
this.togとは何でしょうか? 2つの異なるCSSクラスを使ってこれを処理し、 'toggleclass( 'class1 class2')'だけを使用する方が一般的には良いでしょう。マークアップ、CSS、JavaScriptを分けてください。 – Connum
「myNav」を隠そうとしているようです。もしそうなら、あなたは$( "#myNav")でそれを行うことができます。fadeToggle();最初のコメントで述べたように、セレクタが間違っています – Knriano