<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Hello Fold" />
<Content type="html"><![CDATA[
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
  <script>
init = function(){
 $('div#motudo div:gt(0)').hide();
 $('div#motudo button').click(function(e){
 var mydiv = $(this).parent('div');
  mydiv.hide().next().show();
});
}
// google gadget
_IG_RegisterOnloadHandler(init);
// local html 
// $(document).ready(init);
  </script>
  <style>
  div{width:250px;height:250px;}
  div#q1{background:#eea;}
  div#q2{background:#eec;}
  div#q3{background:#eee;}
  div#q4{background:#eef;}
  </style>
<div id="motudo">
<div id="q1">
Q1-1:
<input type="checkbox" name="cb1" value="q11" /><br/>
Q1-2: 
<input type="checkbox" name="cb1" value="q12" /><br/>
Q1-3: 
<input type="checkbox" name="cb1" value="q13" />
<BR/>
<button type="button" id="q1btn">Next</button>
</div>
<div id="q2">
Q2-1:
<input type="checkbox" name="cb2" value="q21" />
<br/>
Q2-2: 
<input type="checkbox" name="cb2" value="q22" />
<br/>
Q2-3: 
<input type="checkbox" name="cb2" value="q23" />
<BR/>
<button type="button" id="q2btn">Next</button></div>
<div id="q3">
Q3-1:
<input type="checkbox" name="cb3" value="q31" />
<br/>
Q3-2: 
<input type="checkbox" name="cb3" value="q32" />
<br/>
Q3-3: 
<input type="checkbox" name="cb3" value="q33" />
<BR/>
<button type="button" id="q3btn">Next</button></div>
<div id="q4">Final...</div>
</div>
]]></Content>
</Module>

