Random Snippets

  • Home
  • Sequence analysis blog
  • About
  • Categories
    • javascript
    • mysql
    • php
  • Subscribe via RSS

How to hide, show, or toggle your div

February 12th, 2008  |  by Knix  |  published in javascript

Are you trying to find a way to hide and show your content? The demo below shows a simple yet elegant way of toggling your content and toggling the control text via Javascript and styling.

function toggle() {
var ele = document.getElementById(”toggleText”);
var text = document.getElementById(”displayText”);
if(ele.style.display == “block”) {
ele.style.display = “none”;
text.innerHTML = [...]

Recent Posts

  • Sorting 2D associative arrays in PHP
  • About
  • Dynamic or on-the-fly percentage calculations with JavaScript
  • Sequence analysis blog
  • The dangers of embedding the notorious “void(0)” JavaScript code in the href attribute of the “a” tag

Recent Comments

  • drei on Simulate a button click via JavaScript
  • Subhee on How to count values with MySQL queries
  • Russell Day on How to hide, show, or toggle your div
  • phi on How to hide, show, or toggle your div
  • bornholy on How to hide, show, or toggle your div

Archives

Categories

  • javascript
  • mysql
  • php

Tag Cloud

add addition and subtraction calculator checkboxes checkEmail content demo demo content div id document getelementbyid dynamic Dynamically dynamic content emailRegEx find form getElementById html javascript input buttons input object input text javascript javascript code javascript demo javascript email javascript function javascript functions loop through menu multiplication mysql mysql query onClick onclick event query regex remove removeChild removeElement replace simulate styling valid email address verification verifyEmail


©2010 Random Snippets