title: Drag & Drop involving accordion panes (VB/ASP)
body: <p>I have an accordion control in ASP 3.5, with multiple accordion panes. For the sake of simplicity, I will only focus on one pane as the problem is pane specific. Using JQuery, I created a draggable function and applied it to my .drag CSS class. On Page_Load, I create a bunch of image objects and assign that class to them, in addition to an image. Once I load the page, I can drag all the images around as intended. What I can't do, however, is drag those images outside of the accordion panel they were created in! Is there a way around that? I tried using this, but to no avail:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function () {
          $(".drag").draggable({ containment: 'document' });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Is there something in the actual aspx page that I should be focusing on? I'm adding the images to a panel in my accordion pane, and it looks like this:</p>
  
  <pre><code>&lt;ajaxToolkit:AccordionPane id="AccordionPane1" runat="server"&gt;
      &lt;Header&gt; Chassis&lt;/Header&gt;
      &lt;Content&gt;
          &lt;asp:Panel ID="ChassisPanel" runat="server"&gt;
          &lt;/asp:Panel&gt;
      &lt;/Content&gt;
  &lt;/ajaxToolkit:AccordionPane&gt;
  </code></pre>
  
  <p>I appreciate any guidance!</p>