kasper.space
[READ-ONLY] Mirror of https://github.com/probablykasper/playground.
playground.kasper.space
1.0 kB
40 lines
1<!DOCTYPE html>
2<html>
3<head>
4 <link type="text/css" rel="stylesheet" href="main.css">
5 <title>jQuery 1 | KH Playground</title>
6</head>
7<body>
8 <div id="left">
9 <p class="para2">This section is the left content area. </p>
10 </div>
11 <div id="center">
12 <p>This area will contain the center content area.</p>
13 </div>
14 <div id="right">
15 <p>This area will contain the <b>right content</b> area.
16 </p>
17 </div>
18 <div id="test">
19 <button> Hit button to change something </button>
20 </div>
21<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
22<script>
23
24 $(document).ready(function() {
25
26 $("button").click(function() {
27
28 //$("p:has(b)").hide();
29 //$("#left").css({ "border" : "solid 2px red" , "color" : "blue" })
30 //$("p").html("<p>Tabbey Cats</p>");
31 //$("#left").css("color", "red").css("border", "solid 2px blue").fadeOut("20000");
32
33 $("#right").before("<h2>HERES SOME TEXT BRO");
34
35 });
36 });
37
38</script>
39</body>
40</html>