jqueryui
Monday 23 February 2015
JqueryUI Accordion
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Accordion</title> <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script> $(function() { $( "#accordion" ).accordion({ collapsible: true }); }); </script> <style> #accordion{font-size: 14px;} .ui-widget-content { background:#00CCFF; border: 1px solid #ccc; color: #333333; background-image:none; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:#4e8514; border: 1px solid #cccccc; color: #1c00c4; font-weight: bold; background-image:none; } </style> </head> <body> <div id="accordion"> <h3> Exam 1</h3> <div> <p> Result 1 </p> </div> <h3> Exam 2</h3> <div> <p> Result 2 </p> </div> <h3> Exam 3</h3> <div> <p> Result 3 </p> </div> </div> </body> </html>
No comments:
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment