- 一週間の復習。箱を作って、クリックすると閉じて見えなくなるようにする。
- 高さがなくなるから、再びslideDownしようがない…
- また、jQuery のファイルとのリンクを間違えてロスタイム。
- 「../」では１階層外に出てしまう。
- index.htmlとjQuery の入っているフォルダが同じ階層にあるときは、当然「../」は必要が無い。
- 同じ階層にあるときは、<script src="../js/jquery-2.2.3.min.js"></script>でなく、<script src="js/jquery-2.2.3.min.js"></script>です。
<title>jQuery</title>
<script src="js/jquery-2.2.3.min.js"></script>
<style>
.box{
height: 300px;
width: 300px;
background: lime;
cursor: pointer;
}
</style>
<script>
$(function(){
$('.box').on('click', function(){
$(this).slideUp();
});
});
</script>
</head>
<body>
<div class="box">box</div>
</body>
</html>
