HTML, CSS and JavaScript playground

<li><a href="#Accordion">Accordion</a></li>
                <li><a href="#Autocomplete">Autocomplete</a></li>
                <li><a href="#Button">Button</a></li>
                <li><a href="#Checkboxradio">Checkboxradio</a></li>
                <li><a href="#Controlgroup">Controlgroup</a></li>
                <li><a href="#Datepicker">Datepicker</a></li>
              </ul>
              
              <div id="Accordion" style="height:100%;position:absolute;width:70%;margin-left:25%">This is Startup</div>
              <div id="Autocomplete" style="height:100%;position:absolute;width:70%;margin-left:25%">Servicing....</div>
              <div id="Button" style="height:100%;position:absolute;width:70%;margin-left:25%">This is end</div>
              <div id="Checkboxradio" style="height:100%;position:absolute;width:70%;margin-left:25%">This is Startup</div>
              <div id="Controlgroup" style="height:100%;position:absolute;width:70%;margin-left:25%">Servicing....</div>
              <div id="Datepicker" style="height:100%;position:absolute;width:70%;margin-left:25%">This is end</div> </div>
             
            
          </div>
		</body>
	</html>

Check out our Python playground!