![退会済みユーザー](https://ddjkaamml8q8x.cloudfront.net/profileImages/deletedUser/icnUserSample.jpeg)
jQueryを用いて、ボタンを押すと上からメニューが降りてくるような
トグルボタンを作成しています。
何度試しても、プレビューでメニューを押すと、
メニューが降りてくるのではなく、
プレビューの HTMLの画面(白黒でコード表示)が
表示されてしまいます。
何度試してみても変わらずで
何か悪い点があれば教えて頂きたいです。お願いいたします。
html
1 2<!DOCTYPE html> 3<html> 4 <head> 5 <meta charset="utf-8"> 6 <title>stuffed-animal</title> 7 <link rel="stylesheet" href="style-contact.css"> 8 <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> 9 10 11 </head> 12 13<header> 14<div class="header-wrapper"> 15 <div class="header-bk"> 16 <img src="img/logo-header (2).png"> 17 <a id="down-menu" href="#"><img src="img/menu-sp-btn-copyーcopy.png"></a> 18 <ul id="menu-list"> 19<li>HOME</li> 20<li>サービスコンセプト</li> 21<li>アイテム一覧</li> 22<li>ご利用ガイド</li> 23<li>お客様の声</li> 24<li>よくあるご質問</li> 25<li>お問い合わせ</li> 26<li>その他</li> 27 </ul> 28 29 </div> 30</div> 31</header> 32 33 34
jquery
1$(function(){ 2 3$("#down-menu").on("click", function(){ 4 $("#menu-list").slideToggle(); 5 $("#menu-list").toggleClass("active"); 6}); 7 8}); 9