<html>
<head>
<title>jQuery Accordion</title>
<style>
.question{font-size:0.9em;padding:10px;margin:1px;background-color:#B24926;cursor:pointer;}
.answer{display:none;padding:10px;margin:1px;background-color:#CCC;}
</style>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
</head>
<body>
<div id="accordion">
<div class="question">What is PHP?</div>
<div class="answer">A server side scripting language.</div>
<div class="question">What is php.ini?</div>
<div class="answer">php.ini is the configuration file which contains many directives and flags.</div>
<div class="question">How to set PHP configuration?</div>
<div class="answer">By using php.ini configuration file.</div>
</div>
</body>
</html>
<head>
<title>jQuery Accordion</title>
<style>
.question{font-size:0.9em;padding:10px;margin:1px;background-color:#B24926;cursor:pointer;}
.answer{display:none;padding:10px;margin:1px;background-color:#CCC;}
</style>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
</head>
<body>
<div id="accordion">
<div class="question">What is PHP?</div>
<div class="answer">A server side scripting language.</div>
<div class="question">What is php.ini?</div>
<div class="answer">php.ini is the configuration file which contains many directives and flags.</div>
<div class="question">How to set PHP configuration?</div>
<div class="answer">By using php.ini configuration file.</div>
</div>
</body>
</html>
No comments:
Post a Comment