JS test

by Sankalp Singha

HTML

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<div class="small">
    <h2>Bio Technology</h2>
    <br>
    <img src="bio.jpg" id="bioTech" alt="bioTech">
    <ul>
        <li id="bioInfo" class="red">Information
        <div id="bioInfoText" style="display: none;">Although biotechnology is a young discipline....</div>
        </li>
        <li id="bioFuture" class="orange">Future</li>
        <li id="bioCont" class="yellow">Content</li>
        <li id="bioAdd" class="brown">Additional</li>
        <li id="bioPrac" class="black">Practical</li>
    </ul>
</div>

JavaScript

$(document).ready(function(){
	$('#bioInfo').on('click', function(){
  	$('#bioInfoText').toggle();
  });
});