Hello world!

Starting from version 1.0.1, the easiest way to display content is to pass HTML text to the load() function :

      (function($){
        // initialize Kaiten
        $('#container').kaiten({
          startup : function(){
            this.kaiten('load', '<div class="block"><h1>Hello world!</h1></div>');
          }
        });
      })(jQuery);

You can also use a function that returns the HTML text :


      $('#container').kaiten({
        startup : function(){            
          this.kaiten('load', function(data, $panel, $kaiten){
            $panel.kpanel('setTitle', 'Hello world!');              
            return '<div class="block"><h1>Hello world!</h1></div>';
          });
        }
      });