Question

除非我在整个盒子周围拉标签，否则我的Jquery手风琴表格效果很好。这个想法是分开表格，因为会收集很多信息。

http://www.bigwavemedia.co.uk/test/（其中一个手风琴中有Form标签的工作版本）

http://www.bigwavemedia.co.uk/test/index.php/stack（当我在整个手风琴系统周围移动表格标签时休息）

代码---＆gt;工作版

<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>

但是当我将整个表格标签包裹在手风琴周围时它会断裂吗？我不知道如何解决这个问题，它驱使我香蕉。

- ＆GT;包含表格的代码

<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

经过更多的研究，我发现这个手风琴菜单不适用于表格，在使用另一个之后，它首次完美运作。

Jquery手风琴表格换行

1 个答案: