Jquery tutorial thing

		<div id="container">
		<div class="row">

			<div class="col-sm-3">
				<button id="btn1">#btn1</button>

				<div id="panel1">#panel1</div>
			</div>
			<div class="col-sm-3">
				<button id="btn1">#btn2</button>

				<div id="panel1">#panel2</div>
			</div>
			<div class="col-sm-3">
				<button id="btn1">#btn3</button>

				<div id="panel1">#panel3</div>
			</div>
			<div class="col-sm-3">
				<button id="btn1">#btn4</button>

				<div id="panel1">#panel4</div>
			</div>
		</div>
		</div>


<script src="https://code.jquery.com/jquery-2.2.4.min.js"
  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
  crossorigin="anonymous"></script>

  	<script>



$(document).ready(function() {

	$("#btn1").click(function() {

		$("#panel1").fadeToggle(200);

	});

	$("#btn2").click(function() {

		$("#panel2").fadeToggle(200);

	});

	$("#btn3").click(function() {

		$("#panel3").fadeToggle(200);

	});

	$("#btn4").click(function() {

		$("#panel4").fadeToggle(200);

	});



});




  	</script>