How to have something start hidden |
How to have something start hidden |
Felixdm |
Jun 20 2016, 09:52 AM
Post
#1
|
Group: Members Posts: 1 Joined: 20-June 16 Member No.: 24,350 |
[b]Hello
I don't know how to start something hidden, and then when you are clicking on a button or a text, it will show. Hope you can help me, and that you understand what i mean. Let me know if i need to explain further.[b] (yes this i directly taken from W3School) <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("#hide").click(function(){ $("p1").toggle(); }); }); </script> </head> <body> <center><button id="hide">Creative</button> <p1><strong><center>Basic rules</strong><p> <p1>1. Do not scam</p> </body> </html> |
Christian J |
Jun 20 2016, 11:52 AM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
I don't know how to start something hidden I don't do jQuery, but you can probably use some hide() function or similar to hide it in the document ready function. But there is no valid HTML element called P1, maybe you want to use a CLASS attribute instead? Here's an example: CODE <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script> $(document).ready(function(){ $(".foo").hide(); $("#hide").click(function(){ $(".foo").toggle(); }); }); </script> <button id="hide">Creative</button> <h3 class="foo">Basic rules</h3> <p class="foo">1. Do not scam</p> |
Lo-Fi Version | Time is now: 26th April 2024 - 12:03 PM |