Worcester Web Site Development Blog » snippets http://worcesterwideweb.com Worcester Web Site Development Blog Thu, 25 Jun 2009 19:13:19 +0000 http://wordpress.org/?v=2.8 en hourly 1 show div on check for checkbox http://worcesterwideweb.com/2007/12/11/show-div-on-check-for-checkbox/ http://worcesterwideweb.com/2007/12/11/show-div-on-check-for-checkbox/#comments Tue, 11 Dec 2007 17:08:33 +0000 Anthony http://worcesterwideweb.com/2007/12/11/show-div-on-check-for-checkbox/ Sometimes you need to show a div when you click a checkbox, here is how yo do it. You need jquery to establish this.

Code (html)
  1. Check me
  3. <input name="checkbox" type="checkbox" onclick="$(this).is(’:checked’) && $(’#checked’).slideDown(’slow’) || $(’#checked’).slideUp(’slow’);" />
  4. <p style="display: none; margin: 10px; height: 100px; background-color: #f5f5f5; padding: 10px" id="checked"> </p>
  5. Put some content here

Basicly the paragraph container named checked is hidden untill one presses the checkbox.

Click here for a demo

]]> http://worcesterwideweb.com/2007/12/11/show-div-on-check-for-checkbox/feed/ 7