<!doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>jQuery UI Accordion - Default functionality</title>
<link rel = "stylesheet"
href = "//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js">
</script>
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
</head>
<body>
<div id = "accordion">
<h3>Android</h3>
<div>
<p>
Android is an open source and Linux-based operating system for
mobile devices such as smartphones and tablet computers.
Android was developed by the Open Handset Alliance, led by
Google, and other companies.
</p>
</div>
<h3>CSS</h3>
<div>
<p>
CSS is the acronym for "Cascading Style Sheet". This
tutorial covers both the versions CSS1,CSS2 and CSS3,
and gives a complete understanding of CSS,
starting from its basics to advanced concepts.
</p>
</div>
<h3>AngularJS</h3>
<div>
<p>
AngularJS is a very powerful JavaScript library. It is used in
Single Page Application (SPA) projects. It extends HTML DOM
with additional attributes and makes it more responsive to
user actions. AngularJS is open source, completely free,
and used by thousands of developers around the world.
It is licensed under the Apache license version 2.0.
</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3>PHP</h3>
<div>
<p>
The PHP Hypertext Preprocessor (PHP) is a programming language
that allows web developers to create dynamic content that
interacts with databases. PHP is basically used for developing
web based software applications. This tutorial helps you to
build your base with PHP.
</p>
<p>
Before proceeding with this tutorial you should have at least basic
understanding of computer programming, Internet, Database, and
MySQL etc is very helpful.
</p>
</div>
</div>
</body>
</html>
About Online Jquery Compiler
Try our Online Jquery Editor | Online Jquery Compiler (Version jQuery (2.1.1)) to Edit, Run, and Share your Jquery Code directly from your browser. This online development environment provides you the latest version jQuery (2.1.1).
How to use Online Jquery Editor | Online Jquery Compiler?
Write and Execute Code
- Write your program (or, paste it) directly under the "Source Code" tab.
- If you want to save your program, go to the "Project" menu and save it.
- You can directly execute your program without saving it by clicking on on "Execute" button.
User Input
The latest version of Coding Ground allows to provide program input at run time from the termnial window exactly the same way as you run your program at your own computer. So simply run a program and provide your program input (if any) from the terminal window available in the right side.
Online Jquery Editor | Online Jquery Compiler: Keyboard Shortcuts
The following are the keyword shortcut of this Online Jquery Editor | Online Jquery Compiler:
Shortcut | Description |
⌘ + Enter | Run the program |
⌘ + S | Save Project (Login Required) |
⇧ + ⌘ + S | Save As Project |
⌘ + P | New Project |
⌘ + G | Share Project |
⌘ + Z | Undo Editing |
⌘ + Y | Redo Editing |
⌘ + A | Select All Text |
⌘ + X | Cut Selected Text |
⌘ + C | Copy Selected Text |
⌘ + V | Paste Copied Text |
⌘ + F | Search Text |
⌘ + ⌥ + F | Replace Text |
Shortcut | Description |
Ctrl + Enter | Run the program |
Ctrl + S | Save Project |
Shift + Ctrl + S | Save As Project |
Ctrl + G | Share Project |
Ctrl + Z | Undo Editing |
Ctrl + Y | Redo Editing |
Ctrl + A | Select All Text |
Ctrl + X | Cut Selected Text |
Ctrl + C | Copy Selected Text |
Ctrl + V | Paste Copied Text |
Ctrl + F | Search Text |
Ctrl + H | Replace Text |
Online Jquery Editor | Online Jquery Compiler: Save and Share Jquery Code (Project)
Save Jquery Project Online
You can save your Jquery Project with us so that you can access this project later on. To save a project you will need to create a login Id with us. So before you save a project, please create a login Id using a link given at the top right corner of this page.
Share Jquery Project Online
You can use this feature to share your Jquery Code with your teachers, classmates and colleagues. Just click Share Button and it will create a short link, which can be shared through Email, WhatsApp or even through Social Media. A shared link will be deleted if it has been passive for almost 3 months.
More Features of Online Jquery Editor | Online Jquery Compiler
- Theme – You can change the current editor's theme from the "Editor Theme" option under "Settings" menu.
- Font Size – You can change the font size of the editor /compiler from from the "Font Size" option under "Settings" menu.
- Tab Size – You can change the tab size from the "Tab Size" option under "Settings" Menu.
- Show/Hide Line Numbers – You can show/hide the line number with the code from the "Show Line Numbers" or "Hide Line Numbers" option under "Settings" Menu.
- And, many more.
Benefits of Using Online Jquery Editor | Online Jquery Compiler
There are several benefits of using the Online Jquery Editor | Online Jquery Compiler to run your Jquery code:
- Platform independence: You can run your code from any device without taking care of operating systems.
- Convenience: You don't need to install anything for using this.
- No setup required: There is no need for additional setup to run your code.
- Updated version: Our online compiler/editors/terminals are the latest up-to-date.