Top Hosting Forum

WebHosting Reviews Forum


How to create hidden text, click to show

Website Development is a general forum for Website Development related issues including questions on codes such as PHP, HTML and Javascript
Hosting Forum Description
Website Development is a general forum for Website Development related issues including questions on codes such as PHP, HTML and Javascript

How to create hidden text, click to show

Postby hostingforum » Sat Jan 19, 2013 8:56 pm

Hello, i found the guide on the internet, so im pasting sample code how to do it - how to create hyperlink and when you click the link, the block with another code ot text will scroll down (appear).

CODE 1 (english sample)

Code: Select all
<div>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;"><h3>Show the hidden text</h3></a>
<div id="example" class="more"><br />This is the hidden text, you can add HTML there!
<a href="#" id="example-hide" class="hideLink" onclick="showHide('example');return false;"><h3>Hide text</h3></a>
      </div>

:dance
CODE 2 (czech):

Code: Select all
<div>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;"><h3>Objednání Půjčky Home Credit - Ukázat Formulář</h3></a>
<div id="example" class="more"><br /><iframe src="http://tracking.espoluprace.cz/aff_c?offer_id=40&aff_id=4676&file_id=372&url_id=76" width="450" height="650" scrolling="no" frameborder="0"></iframe><img src="http://tracking.espoluprace.cz/aff_i?offer_id=40&aff_id=4676&file_id=372" width="1" height="1">
<a href="#" id="example-hide" class="hideLink" onclick="showHide('example');return false;"><h3>Skrýt formulář</h3></a>
      </div>



Ad: There You can have your forum site-wide banner/text ad for $19 monthly. Contact admin


User avatar
hostingforum
Site Admin
 
Posts: 652
Joined: Fri May 20, 2011 7:58 pm
Location: Czech Republic

Re: How to create hidden text, click to show

Postby vincentgillbert » Thu Mar 14, 2013 10:46 am

Hey hi..i just go through the code. really helpful and informative. Thank you for sharing.


vincentgillbert
 
Posts: 7
Joined: Fri Mar 01, 2013 12:03 pm

Re: How to create hidden text, click to show

Postby Aditi » Fri Apr 26, 2013 9:23 am

Thank you for sharing this useful information. I am really helped by your code.


Aditi
 
Posts: 9
Joined: Fri Apr 26, 2013 8:56 am
Location: Meerut


Return to General Website Development & Programming

Who is online

Users browsing this forum: No registered users and 0 guests

.

cron