<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap@*" data-semver="3.2.0" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
<script data-require="jquery@*" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script data-require="bootstrap@*" data-semver="3.2.0" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<a href="#test-target">Open TestTarget 1</a>
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<br>go on
<div class="panel panel-default panel-collapse">
<div class="panel-heading">
<a class="collapser" data-target="#test-collapse" data-toggle="collapse" href="#test-collapse" aria-expanded="true">Expand</a>
</div>
<div class="panel-body collapse in" id="test-collapse" aria-expanded="true">
<div id="test-target">
Hello
</div>
</div>
</div>
</body>
</html>
// Code goes here
/* Styles go here */