<?xml version="1.0"?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>display test</title> <bindings xmlns="http://www.mozilla.org/xbl" xmlns:pp="prettyprint" xmlns:html="http://www.w3.org/1999/xhtml"> <binding id="expander"> <content><pp:float>-</pp:float><children/></content> </binding> </bindings> <style type="text/css"> <![CDATA[ @namespace pp url("prettyprint"); pp|expander-box, pp|pre-content { display: block; } pp|expander-box[collapsed] > pp|float, pp|expander-box[collapsed] > pp|pre-content { display: inline; float: none; } pp|expander-box[xbl] { -moz-binding: url(#expander); } pp|float { float: left; } ]]></style> <script> <![CDATA[ var target; function onLoad() { var res = document.evaluate("descendant::pp:expander-box", document.documentElement, function(aPref){return "prettyprint";}, 0, null); target = res.iterateNext(); toggle(); } function toggle() { target.setAttribute("collapsed", "collapsed"); } ]]></script> </head> <body onload="onLoad()"> <div> <pp:content xmlns:pp="prettyprint"> <pp:expander-box xbl="yes"> <pp:pre-content>pre</pp:pre-content> </pp:expander-box> </pp:content> </div> </body> </html>