5. Convert three headers and content panels into an
accordion. Initialize the accordion
PROGRAM:
<html>
<head>
<title>jQuery UI Accordion Example </title>
<link href = "jquery-ui-1.12.1/jquery-ui.css" rel =
"stylesheet">
<script src = "jquery-1.12.4.js"></script>
<script src =
"jquery-ui-1.12.1/jquery-ui.js"></script>
<script>
$(function() {
$( "#accordion-1" ).accordion();
});
</script>
</head>
<body>
<h1 align="center"> SRI SANKARANANDA GIRI SWAMY EDUCATIONAL
SOCIETY</h1>
<h2 align="center">Near Kasapuram Road, Guntakal
</h2>
<h2 align="center"> Couses Offered</h2>
<div id = "accordion-1">
<h3>Intermediate</h3>
<div>
<p>
<ol type=1>
<li>M.P.C</li>
<li>C.E.C</li>
<li>BI.P.C</li>
</ol>
</p>
</div>
<h3>U.G.</h3>
<div>
<p>
<ol type=1>
<li>B.Com</li>
<li>B.Sc</li>
<li>B.B.A</li>
<li>B.A</li>
</ol>
</p>
</div>
<h3>P.G.</h3>
<div>
<p>
<ol type=1>
<li>M.Com</li>
</ol>
</p>
</div>
</div>
</body>
</html
OUTPUT:
No comments:
Post a Comment