title: How to open an ddslick-list in different direction
body: <p>I use <code>ddslick</code> list, and I search how copy opening of classical list.</p>
  
  <p>When I have place to open in down direction then open in classical mode but when i don't have place I want force the opening in up direction.</p>
  
  <p>and I can't say to my ddslick list open up a table like a simple select.</p>
  
  <p>I give a sample code</p>
  
  <pre><code>&lt;%@ Page Language="vb" AutoEventWireup="false" CodeBehind="tableHautMax.aspx.vb"
  Inherits="Jquery.tableHautMax" %&gt;
  
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;script src="/script/jquery-1.10.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="script/jquery.ddslick.min.js"&gt;&lt;/script&gt;
  &lt;style type="text/css"&gt;
      .MaxHeightPopup
      {
          border-style: solid;
          border-color: red;
          display: block;
          max-height: 100px;
          overflow: auto;
      }
  &lt;/style&gt;
  &lt;script type="text/javascript"&gt;
      $(function () {
  
          var ddData = [
              {
                  text: "Facebook",
                  value: 1,
                  selected: false,
                  description: "Description with Facebook",
                  imageSrc: "http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
              },
              {
                  text: "Twitter",
                  value: 2,
                  selected: false,
                  description: "Description with Twitter",
                  imageSrc: "http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
              },
              {
                  text: "LinkedIn",
                  value: 3,
                  selected: true,
                  description: "Description with LinkedIn",
                  imageSrc: "http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
              },
              {
                  text: "Foursquare",
                  value: 4,
                  selected: false,
                  description: "Description with Foursquare",
                  imageSrc: "http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
              }
          ];
  
          $("#btnAdd").click(function () {
              var row = '&lt;tr height="50"&gt;&lt;td&gt;';
              row += '&lt;select class="myDropdown"&gt;&lt;/select&gt;&lt;/td&gt;';
              row += '&lt;td&gt;2&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td &gt;4&lt;/td&gt;&lt;/tr&gt;';
              $('#tbdatas').append(row);
  
              $('.myDropdown').ddslick({
                  zindex: 200,
                  data: ddData,
                  width: 300,
                  selectText: "Select your preferred social network",
                  imagePosition: "right"
              });
  
          });
  
          $("#btnAdd1").click(function () {
              var row = '&lt;tr height="50"&gt;&lt;td&gt;';
              row += '&lt;select class="myselect1"&gt;&lt;/select&gt;&lt;/td&gt;';
              row += '&lt;td&gt;2&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td &gt;4&lt;/td&gt;&lt;/tr&gt;';
              $('#tbdatas1').append(row);
  
          });
      });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;button id="btnAdd"&gt;
      Ajouter 1 ligne&lt;/button&gt;
      &lt;table class="MaxHeightPopup" id="tbdatas"&gt;
      &lt;/table&gt;
      &lt;br /&gt;
       &lt;button id="btnAdd1"&gt;
      Ajouter 1 ligne&lt;/button&gt;
      &lt;table class="MaxHeightPopup" id="tbdatas1"&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Can someone help me please?</p>
  
  <p>i just see if i add
      .dd-container
       {
          position:static;
       }</p>
  
  <p>But after .dd-options not in good position</p>