PHpa tingnan naman po ayaw kase gumana nung jquery ko eh
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS Website Layout</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#home").click(function(){
$("#main").hide();
)};
)};
</script>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="header">
<h1>Aris Songalia</h1>
<p>Resize the browser window to see the responsive effect.</p>
</div>
<div class="topnav">
<p id="home">Home</p>
<p id="aboutMe">AboutMe</p>
<p id="gallery"">Gallery</p>
<p id="portfolio">Portfolio</p>
<p id="contactMe">ContactMe</p>
</div>
<div class="row">
<div class="column middle">
<h2>Main Content</h2>
<p id="main">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique. Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit. Praesent scelerisque tortor sed accumsan convallis.</p>
</div>
<div class="column side">
<h2>Side</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div><!-- end column div-->
</div> <!-- end row div -->
</body>
</html>