jQuery UI accordion

https://groups.google.com/d/topic/knockoutjs/h97sy04PK10/discussion

HTML

<script src="http://knockoutjs.com/downloads/knockout-1.3.0beta.debug.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<input type="checkbox" id="cb1">committee 1<br>
<input type="checkbox" id="cb2">Committee 2
    
    <div id="dialog" title="Basic dialog" >
        <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p><div id="test"><div id="title">No committees</div></div>
</div>
<input type="button" id="abc" value="continue...">

JavaScript

$(document).ready(function() {



      $("#abc").click(function() { 
            var str='';
           if ($(':checkbox:checked').length) $('#test').html("");
          $(':checkbox:checked').each(function() {
            str += this.checked ? "1," : "0,";
               $('#test').append('<br><input type="checkbox">');
            });
           
          
      $( "#dialog" ).dialog();
         

      });
  });