Basic Jquery Problem URGENT Help Appreciated.. Thank You.
Hello Guys Please help me with this jquery code.. simply i want to ask questions to user and according to option selected show a output..
The Code Is This:
<div id="new">
<h2 id="h21">Select The Options:</h2>
<h3 id="aa">A</h3>
<h3 id="ab">B</h3>
</div>
<div id="buy1">
<ul>
<li id="li1">A</li>
<li id="li2">B</li>
</ul>
</div>
<div id="buy2">
<ul>
<li id="li4">D</li>
<li id="li5">E</li>
</ul>
</div>
<!-- Hiding DIVs Unused -->
<script>
$("#buy1").hide(0);
$("#buy2").hide(0);
</script>
<!-- First Set Of Option -->
<script>
$("#aa").click(function () {
$("#new").hide("slow");
$("#buy1").show(1000);
});
</script>
<script>
$("#ab").click(function () {
$("#new").hide("slow");
$("#buy1").show(2000);
});
</script>
<!-- Second Set Of Option -->
<script>
$("#li1").click(function () {
$("#buy1").hide("slow");
$("#buy2").show(2000);
</script>
<script>
$("#li2").click(function () {
$("#buy1").hide("slow");
$("#buy2").show(2000);
</script>
Yes i know big code to do stupid job but i am a begginer at jquery..