title: how do i make a vertical scrollbar using the jQuery UI .slider()?
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;style type="text/css"&gt;
      #slider { margin: 10px; }
    &lt;/style&gt;
    &lt;script&gt;
      $(document).ready(function() {
          $("#slider").slider( "option", "orientation" );
  
          //getter
          var orientation = $( "#slider" ).slider( "option", "orientation" );
          //setter
          $( "#slider" ).slider( "option", "orientation", 'vertical' );
      });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body style="font-size:62.5%;"&gt;
  
  &lt;div id="slider"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I added in the </p>
  
  <pre><code>    //getter
      var orientation = $( "#slider" ).slider( "option", "orientation" );
      //setter
      $( "#slider" ).slider( "option", "orientation", 'vertical' );
  </code></pre>
  
  <p>part of the code in hopes of getting the demo page's scrollbar to show up vertical but all it did was hide the horizontal scrollbar that was already there and now i just have a blank page. How exactly do I implement the vertical scrollbar option? I don't quite understand the instructions listed on the <a href="http://docs.jquery.com/UI/API/1.8/Slider#event-slide" rel="nofollow">documentation page.</a></p>