添加部分视图时，手风琴不起作用

Question

我被困在设计页面的中间。它包含一个手风琴一个图像滑块。我已经完成了手风琴的部分，我使用局部视图渲染手风琴后的图像滑块。在添加部分之前视图，手风琴工作正常，但当我添加我的Partial它不工作，这是我的视图和局部视图的代码......

我的观点代码：

  <script type="text/javascript" src="../js/ddaccordion.js"></script>
  <script type="text/javascript">
  ddaccordion.init({
      headerclass: "expandable",
      contentclass: "categoryitems",
      revealtype: "click",
      mouseoverdelay: 200,
      collapseprev: true,
      defaultexpanded: [0],
      onemustopen: false,
      animatedefault: false,
      persiststate: true,
      toggleclass: ["", "openheader"],
      togglehtml: ["prefix", "", ""],
      animatespeed: "fast",
      oninit: function (headers, expandedindices) {
      },
      onopenclose: function (header, index, state, isuseractivated) {
      }
  })

  </script>
          <div id="left-side" class="float-left">
   <form action="../Home/_searchPar" enctype="multipart/form-data" method="post" class="tag-srch" >
       <div class="accordion"">
          <div class="tab-content">
             <div class="arrowlistmenu">
                <h3 class="menuheader expandable">Gallery</h3>
                <div class="categoryitems">
                    <table><tr>
                        @foreach (var g in @ViewBag.S_IGall)
                        {
                            <td>
                                <img src=@g.imgpath width="170" height="125" alt="Problem in loading" /><br />
                                <label>@g.idescr</label>
                            </td> 
                        }
                           </tr>
                        </table>
                       </div>
                 </div>
             </div>
          </div>
  </form>

我的部分视图代码：

  <script type="text/javascript" src="../js/jshashtable-2.1_src.js"></script>
<script type="text/javascript" src="../js/jquery.numberformatter-1.2.3.js"></script>
<script type="text/javascript" src="../js/tmpl.js"></script>
<script type="text/javascript" src="../js/jquery.dependClass-0.1.js"></script>
<script type="text/javascript" src="../js/draggable-0.1.js"></script>
<script type="text/javascript" src="../js/jquery.slider.js"></script>
<script type="text/javascript" src="../js/jquery.jcarousel.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('#mycarousels').jcarousel({
            wrap: 'circular'
        });
    });
</script>

<div id="content">
<div style="margin-left:-23px">
 <ul id="mycarousels" class="jcarousel-skin-tangos">
              @foreach(var c in @ViewBag.S_CDet)
              {
               <li> 
            <div class="jcarousel-date-content clearfix">
                          <div class="l-image">
                              <img src=@c.imgpath width="270" height="150" alt="Missing" title="" />
                          </div>
                          <div class="l-shadow"><!-- --></div>
                          <div class="l-title">@c.Title  @c.subTitle</div>
                          <div class="l-features clearfix">
                              <div class="l-bedrooms">duration @c.duration @c.durationT</div>
                              <div class="l-area">@c.fee @c.feeT</div>
                              <div class="l-baths">By @c.instructor</div>
                              <div class="l-type">@c.level</div>
                          </div>
                          <div class="l-details clearfix">
                              <div class="l-price">$1,045,500</div>
                              <div class="l-view"><a href="property-details.html">View details</a></div>
                          </div>
            </div>
            </li>
             }
         </ul>

    </div>      
</div>