"Wiki" Show 'n' Hide

krille09

Belden
Joined
Aug 15, 2007
Messages
4,878
Best answers
0
Reaction score
42
Location
Stockholm, Sweden
Yo guys, I'm trying to look after this code, from standard it should be on hidden like this:


Then when you press show it will show some links of my choice (links will be in the same place using "<a name="myName">" then "<a href="#myName">myName</a>" to go there... (If you don't know any better)




Some help would be appreciated! :)


By the way, I'm using HTML... Trying to stay to that so please :)
 
Last edited:

Mark

Administrator
Staff member
Administrator
Joined
May 27, 2007
Messages
6,389
Best answers
21
Reaction score
1,387
Location
Sweden
You need to use CSS to hide the content, you can use style="display:none" or set it from a CSS file. You should wrap the links with a div and give it an ID, for example id="my_links", then in CSS:
#my_links { display: none }

The best way to hide and show the contents is by using Javascript with onclick to check the value of display and toggle it between "none" and "block". I suggest using jQuery if you're new to Javascript, then you can just add onclick="$('#my_links').toggle()"
 

Xenios

Well-Known Member
Joined
May 28, 2007
Messages
3,449
Best answers
0
Reaction score
56
Location
Netherlands
By the way, I'm using HTML... Trying to stay to that so please :)
What you want can not be done with HTML only. Please read more about this subject in order to understand what it does and how you can help yourself.

If you are willing to learn something (it's easy) then click on the links below or search the internet.

HTML (HyperText Markup Language) basics:
- W3schools.com - HTML Tutorial

CSS (Cascading Style Sheets) basics:
- W3schools.com - CSS Introduction

JS (JavaScript) basics:
- W3schools.com - JavaScript Tutorial

jQuery (a useful JavaScript library):
- jQuery.com - official homepage
- W3schools.com - jQuery Tutorial

With the above you can do things what you wanted in the first post and what Talaturen posted and much, much more.
 
Last edited:
Top