Сборно-разборные / гармошка в jquery

Question

Я использую следующий код для вложенного складного:

<div id= "accordion" data-role="collapsible" data-position="inline">
    <h2>
        <div class='ui-grid-a'>
            <div class='ui-block-a'>
                <?php echo $mydate ?>
            </div>
            <div class='ui-block-b'>
                <img align='right' src="/img/arrow.png"></img>
            </div>
        </div>  
    </h2>
        <?php foreach ($result as $id=>$res): ?>
            <p>
                <div id="accordion1" data-role="collapsible" data-position="inline">
                <h3>
                    <div class='ui-grid-a'>
                        <div class='ui-block-a'>
                            <?php echo $id; ?>
                        </div> 

                    </div>
                </h3>
                    <p> 
                        <?php foreach ($res as $r){
                         print_r($r['ID']); echo '<br>'; } ?>
                    </p>
                </div>
            </p>

        <?php endforeach; ?> 


    </div>

Как вы можете видеть, складные изделия перекрываются. 01 марта 2012 года - одно складное, а отдел - другое складное. Холодное хранение - это значения для складного отдела. Может кто-нибудь сказать мне, что делать, чтобы значения и другие складные объекты не перекрывались (складское хранилище перекрывается с 25 февраля 2012 г.)?

Спасибо в ожидании.

BasicGem

Answer 1

Добавьте это к вам таблицу стилей

.clearfix {
    *zoom: 1;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both;
}

Затем, сразу после последней </p> добавьте эту строку <div class="clearfix></div>

Надеюсь, это поможет!