How am I able to do thissss? |
How am I able to do thissss? |
![]()
Post
#1
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 164 Joined: May 2008 Member No: 647,219 ![]() |
Okay, So I realized I have a lot of content on my website.
So I asked a suggestion, and They told me to have it hidden, and pretty much people click on it to Bring the rest up, instead of going to a new page to get it all, it can just appear, and disappear by View more, or Hide the rest, etc. http://ego-box.com/ - Their Content bar, the View more, How do you do that? |
|
|
![]() |
![]()
Post
#2
|
|
![]() Member ![]() ![]() Group: Member Posts: 28 Joined: May 2009 Member No: 728,558 ![]() |
If im understanding correctly,you want to use the hide/show for your nav section?
In that case,ill try to explain where to put things. As i said before,you put the script in the header of your site(i would do this by php looking at your site and seeing it has many pages,just to avoid the hassle of applying this to every single page). I looked at the source,and i see you use DIVs,not tables(its hard to believe some people actually still use tables)just to make sure because it would probably be a different process.Just put the content you want hidden/shown in a regular div. But the content in that section your want to be hidden and show when a link is clicked and hidden again when the other is clicked just needs to be put in a seperate div(from what you said im guessing it's already divided in two sections/divs,correct me if im wrong please). CODE <a href="java script:hidediv('whatever you name it')">hide this div</a> You would put this link next to,on top of,under....just wherever you would like it to appear.It is what you click to hide it. CODE <a href="java script:showdiv('whatever you name it')">show this div</a> Same goes for this link,it shows the content you wanted hidden until this link is clicked.Also,make sure you match the name in both links with the name of the div with the content in it just as you do when you style divs with css. So these links,in a nutshell,the hide link is what the visitor would click to hide the content again after clicking the show link(by default its hidden,but can be changed to show then hidden -just fyi-). I'm not the best explainer,so please forgive :].
Reason for edit: Please use [codebox] and [code] tags respectively when posting codes. - Mike
|
|
|
![]() ![]() |