I am a newbie in jQuery. I have a index.html page,
<body>
<div id="content">
</body>
I would like the feature that when page loaded, "content" area shows a list:
<div id="my-list">
<select id="carlist" size="10">
<option>BMW</option>
<option>TOYOTA</option>
<option>SKODA</option>
</select>
</div>
when user select a car from the list option, the list "my-list
" disappear(hide), and an image will be shown in the "content
" area.
That's hide the selection filed and show the image in the same "content
" area.
How to do that in jQuery??
I tried:
var mylist=$('#my-list');
mylist.change(function(){
mylist.hide()
SOMEIMAGE.show()
}
But, where to define "my-list
" and the image
are in the same "content
" area? How to implement this all?