Code snippet – accordion with jQuery

Here is another weekday tip. Let’s create an accordion.

accordion

<html>
<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  //code.jquery.com/jquery-1.10.2.js
  //code.jquery.com/ui/1.11.4/jquery-ui.js
  
    $(function(){
        $("#myaccordion").accordion();
    });
  
</head>
<body>

Pongal

Celebrated in January

<h2>New Year</h2>

Celebrated in April

<h2>Ganesh chaturti</h2>

Celebrated in September

</body> </html>

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s