Search the Community
Showing results for tags 'java show hide function'.
Found 1 result
-
I'm hoping someone can help with this. The code I have now is pasted below. I'm am able to get the search form to show or hide on click and double click but nothing else seems to work. Ideally, I would like the form to show on first click and then hide on a subsequent click. Any thoughts? <div onclick="show();" ondblclick="hide();"><a href="#" class="clickme">Search</a></div> <div id="tip" style="position: relative; visibility: hidden;"><form method="get" id="search_block" action="<?php echo home_url(); ?>" > <label for="search_field_block"></label> <!-- end auto clear label --> <input type="text" name="s" id="search_field_block" value="" /> <!-- end search field --> <input type="submit" id="search_submit_block" value="GO" /> <!-- end search submit --> </form> <!-- end search form --></div> <script type="text/javascript"> function show() { var d = document.getElementById('tip'); d.style.visibility = 'visible'; d.style.right = '52%'; d.style.top = '45%'; } function hide() { document.getElementById('tip').style.visibility = 'hidden'; } </script>
