Jquery 아코디언 형식 랩

Question

전체 상자 주위에 태그를 가져 오지 않으면 My Jquery 아코디언 형식이 완벽하게 작동합니다. 아이디어는 수집 할 많은 정보가 있기 때문에 양식을 분리하는 것이 었습니다.

는

http://www.bigwavemedia.co.uk/test/합니다 (아코디언 하나 내부 폼 태그 작업 버전)

http://www.bigwavemedia.co.uk/test/index.php/stack (나누기 전 전체 아코디언 시스템 주위의 폼 태그 이동할 때)

코드 ---> 작업 버전

을

<div id="container"> 
    <div class="preOrderTop"> 
     <h1>Pre Order</h1> 
    </div> 

     <?php 

     $this->load->helper("form"); 
     echo validation_errors(); 
     echo "<div id='accordion'>"; 




     echo "<h3>Party Details</h3>"; 

     echo $message; 

     echo form_open("welcome/send_email"); 

     echo form_label("Name:", "name"); 
     $data = array(
      "name" => "fullName", 
      "id" => "fullName", 
      "value" => set_value("fullName") 

     ); 
     echo form_input($data); 



     echo form_label("Email:", "email"); 
     $data = array(
      "name" => "email", 
      "id" => "email", 
      "value" => set_value("email") 
     ); 
     echo form_input($data); 



     echo form_label("Telephone", "telephone"); 
     $data = array(
      "name" => "telephone", 
      "id" => "telephone", 
      "value" => set_value("telephone") 
     ); 
     echo form_input($data); 



     echo form_label("date", "date"); 
     $data = array(
      "name" => "date", 
      "id" => "date", 
      "value" => set_value("date") 
     ); 
     echo form_input($data); 



     echo "<br>"; 

     echo form_submit("contactSubmit", "send"); 

     echo form_close(); 
    ?> 


    <h3>Section 2</h3> 
     <div> 
     <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p> 
    </div> 
     <h3>Section 3</h3> 
     <div> 
     <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p> 
     <ul> 
      <li>List item</li> 
      <li>List item</li> 
      <li>List item</li> 
      <li>List item</li> 
      <li>List item</li> 
      <li>List item</li> 
      <li>List item</li> 
     </ul> 



     </div> 
    </div> 
</div> 

하지만 아코디언을 둘러싼 전체 양식 태그를 감싸면 어떨까요? 이 문제를 어떻게 해결해야할지 모르겠다. 바나나를 몰아 다닌다.

- 양식> 코드

<div id="container"> 
    <div class="preOrderTop"> 
    <h1>Pre Order</h1> 
    </div> 
    <?php 

     $this->load->helper("form"); 
     echo validation_errors(); 
      echo $message; 

     echo form_open("welcome/send_email"); 
     echo "<div id='accordion'>"; 




     echo "<h3>Party Details</h3>"; 

     echo $message; 

     echo form_open("welcome/send_email"); 

     echo form_label("Name:", "name"); 
     $data = array(
      "name" => "fullName", 
      "id" => "fullName", 
      "value" => set_value("fullName") 

     ); 
     echo form_input($data); 



     echo form_label("Email:", "email"); 
     $data = array(
      "name" => "email", 
      "id" => "email", 
      "value" => set_value("email") 
     ); 
     echo form_input($data); 



     echo form_label("Telephone", "telephone"); 
     $data = array(
      "name" => "telephone", 
      "id" => "telephone", 
      "value" => set_value("telephone") 
     ); 
     echo form_input($data); 



     echo form_label("Date", "date"); 
     $data = array(
      "name" => "date", 
      "id" => "date", 
      "value" => set_value("date") 
     ); 
     echo form_input($data); 



     echo "<br>"; 

    ?> 
    <h3>Section 2</h3> 
    <div> 
    <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p> 
    </div> 
    <h3>Section 3</h3> 
    <div> 
    <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p> 
    <ul> 
     <li>List item</li> 
     <li>List item</li> 
     <li>List item</li> 
     <li>List item</li> 
     <li>List item</li> 
     <li>List item</li> 
     <li>List item</li> 
    </ul> 
    </div> 
    <?php  
     echo form_submit("contactSubmit", "send"); 

     echo form_close(); 
     ?> 
</div> 

어떤 아이디어가 감싸? 나는 형태와 함께 작동하지 않습니다이 아코디언 메뉴를 발견 더 많은 연구 후

감사

Answer 1

또 다른 하나를 사용 후 완벽하게 처음으로 일했다.