[color=rgb(0, 153, 0)]<[url=http://december.com/html/4/element/style.html][color=rgb(0, 0, 0)]style[/color][/url] [color=rgb(0, 0, 102)]type[/color][color=rgb(102, 204, 102)]=[/color][color=rgb(255, 0, 0)]"text/css"[/color]>[/color] body,input { font-family:"Trebuchet ms",arial;font-size:0.9em; color:#333; } .spoiler { border:1px solid #ddd; padding:3px; } .spoiler .inner { border:1px solid #eee; padding:3px;margin:3px; } [color=rgb(0, 153, 0)]<[color=rgb(102, 204, 102)]/[/color][url=http://december.com/html/4/element/style.html][color=rgb(0, 0, 0)]style[/color][/url]>[/color] [color=rgb(0, 153, 0)]<[url=http://december.com/html/4/element/script.html][color=rgb(0, 0, 0)]script[/color][/url] [color=rgb(0, 0, 102)]type[/color][color=rgb(102, 204, 102)]=[/color][color=rgb(255, 0, 0)]"text/javascript"[/color]>[/color] function showSpoiler(obj) { var inner = obj.parentNode.getElementsByTagName("div")[0]; if (inner.style.display == "none") inner.style.display = ""; else inner.style.display = "none"; } [color=rgb(0, 153, 0)]<[color=rgb(102, 204, 102)]/[/color][url=http://december.com/html/4/element/script.html][color=rgb(0, 0, 0)]script[/color][/url]>[/color] [color=rgb(0, 153, 0)]<[color=rgb(102, 204, 102)]/[/color][url=http://december.com/html/4/element/head.html][color=rgb(0, 0, 0)]head[/color][/url]>[/color] [color=rgb(0, 153, 0)]<[url=http://december.com/html/4/element/body.html][color=rgb(0, 0, 0)]body[/color][/url]>[/color] [color=rgb(0, 153, 0)]<[url=http://december.com/html/4/element/div.html][color=rgb(0, 0, 0)]div[/color][/url] [color=rgb(0, 0, 102)]class[/color][color=rgb(102, 204, 102)]=[/color][color=rgb(255, 0, 0)]"spoiler"[/color]>[/color] [color=rgb(0, 153, 0)]<[url=http://december.com/html/4/element/input.html][color=rgb(0, 0, 0)]input[/color][/url] [color=rgb(0, 0, 102)]type[/color][color=rgb(102, 204, 102)]=[/color][color=rgb(255, 0, 0)]"button"[/color] [color=rgb(0, 0, 102)]onclick[/color][color=rgb(102, 204, 102)]=[/color][color=rgb(255, 0, 0)]"showSpoiler(this);"[/color] [color=rgb(0, 0, 102)]value[/color][color=rgb(102, 204, 102)]=[/color][color=rgb(255, 0, 0)]"Show/Hide"[/color] [color=rgb(102, 204, 102)]/[/color]>[/color] [color=rgb(0, 153, 0)]<[url=http://december.com/html/4/element/div.html][color=rgb(0, 0, 0)]div[/color][/url] [color=rgb(0, 0, 102)]class[/color][color=rgb(102, 204, 102)]=[/color][color=rgb(255, 0, 0)]"inner"[/color] [color=rgb(0, 0, 102)]style[/color][color=rgb(102, 204, 102)]=[/color][color=rgb(255, 0, 0)]"display:none;"[/color]>[/color] This is a spoiler! text goes here! [color=rgb(0, 153, 0)]<[color=rgb(102, 204, 102)]/[/color][url=http://december.com/html/4/element/div.html][color=rgb(0, 0, 0)]div[/color][/url]>[/color] [color=rgb(0, 153, 0)]<[color=rgb(102, 204, 102)]/[/color][url=http://december.com/html/4/element/div.html][color=rgb(0, 0, 0)]div[/color][/url]>[/color]