Product Strategist, Experience Designer & Code Tweaker 

Facebook Twitter LinkedIn
 
 
Home » Code is Poetry » Hide UnHide Divs using Display
formats

Hide UnHide Divs using Display

Now that a simple layout using divs is created, its time to play hide and seek. See Example >>

Defined a variable “var = east” and assigned to “Div Id= east” using document.getElementById.”

The entire layout is split into multiple Divs like North, East, West and South.

And then the Plot thickens….

See another Example, where in, along with the Buttons, Text links are used to Hide UnHide Divs.
Other variation in this example is that according to the Hide/UnHide status, the corresponding button and text gets suitably hidden/shown.

 

2 Responses

  1. Priya

    I was searching for something to do with divs and ur site was published as the second link by google search!!! Cool maaan…..

  2. Search Engine Optimization is almost built- in with blog tools like WordPress. With couple of minor tweaks and techniques, its easy to get into google’s top 10 search result. And there are folks who make a living outta this, and a good one too!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

© Muthukumar Rajamani
credit