I tried to hide the <div id="divarea"> using the toggle() function below.
javascript code <script type="text/javascript"> > $(document).ready(function() { > > $("#dropdown").click(function() { > $("#divarea").toggle(); > }); > > }); > </script> html code > > > <p> > <select id="dropdown" name="layout"> > <option>None</option> > <option value="single">Single</option> > <option value="double">Double</option> > </select> > </p> > > > <br /><br /> > > <div id="divarea">Louie Miranda (web.LM), JQuery show/hide toggle > effect</div> > Unfortunately, upon clicking the <select> drop down switch, it automatically hides it right away. How can I hide it, if it only selects the value "Double"? I have the actual demo here: http://labs.louiemiranda.net/js/jquery_show_hide_toggle_dropdown.php Help! -- Louie Miranda (lmira...@gmail.com) http://www.louiemiranda.net Security Is A Series Of Well-Defined Steps chmod -R 0 / ; and smile :)