-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathjs_0630_jquery01.html
56 lines (48 loc) · 2.53 KB
/
js_0630_jquery01.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#divBtn,#divContent{
text-align: center;
padding: 20px;
border: solid 1px black;
background-color: lightskyblue;
}
#divContent{
background-color: lightslategray;
/* display: none; */
}
</style>
</head>
<body>
<div id="divBtn">
Click Lorem ipsum dolor sit amet.
</div>
<div id="divContent">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ratione fuga dolore illo reprehenderit porro
doloremque repellendus, minus accusantium tenetur molestiae repellat harum numquam animi eligendi cum veritatis
debitis, ipsa deserunt ut sequi nisi quia a adipisci. Omnis labore, error, ipsa aperiam nostrum expedita aliquam
dolorum reprehenderit ducimus laborum, nesciunt ad rem fuga delectus. Natus at pariatur, repellendus eum ratione
dignissimos nobis corrupti quia veniam eos quisquam reiciendis debitis quidem rerum quo alias voluptas aliquid
beatae non sed culpa atque laboriosam? Quam omnis sapiente odit, consequatur deleniti, harum enim tenetur,
molestiae velit laboriosam hic numquam. Consectetur at vero quasi facere in asperiores delectus? Magni
aspernatur enim doloremque temporibus nemo. Reiciendis dicta odio laboriosam a, eos quo. Ducimus ullam,
similique quibusdam mollitia quaerat voluptate nihil culpa sapiente fuga quae quia laudantium veritatis
consectetur iure? Sequi facere, doloremque optio est itaque nesciunt nobis at eligendi aperiam porro consequatur
ipsa animi obcaecati doloribus perspiciatis reiciendis officiis velit a enim officia voluptatum placeat ex
tempora! Quidem vel rem at nihil mollitia consequatur iusto et molestias provident vero dolorum minus excepturi
aut ab nulla quibusdam non voluptates, beatae nemo dolor magnam illum. Laudantium sint a tenetur debitis hic
quas, dolorum itaque. Dolore expedita rerum magni at.
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!--開始寫jquery -->
<script>
</script>
</body>
</html>