Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE HTML>
<html>
  <head>
        <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="SHORTCUT ICON" HREF="/favicon.png">
    <title>Services</title>
    <link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
​
    <script>
             $(document).ready(function(){
               $('#accordion').accordion({ fillSpace: true, collapsible: true ,active: false});
             });
    </script>
  </head>
​
    <body>
        <div id="accordion">
            <h2 style="font-size:40px">Web Development</h2>
            <div>
                <p style="font-size:30px">Text text text Text text text Text text text Text text text Text text text</p>
            </div>
​
            <h2 style="font-size:40px">Mobile Development</h2>
            <div>
                <p style="font-size:30px">Text text text Text text text Text text text Text text text Text text text</p>
            </div>
​
            <h2 style="font-size:40px">SEO</h2>
            <div>
                <p style="font-size:30px">Text text text Text text text Text text text Text text text Text text text</p>
            </div>
        </div>
    </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
mrk1989pro
0viewers