Question

我在PHP中设置Div结构时遇到了麻烦，以适应CSS Accordion复选框。我实际上并不知道是否可能

//这是我的PHP

echo '<div class="accordion"><div class="section">';
    echo '<div class="section-head">';
        echo '<div class="header-lable">'.$field[label].'</div>';
        echo '<div class="rating-letter">'.$image_text.'</div>';
    echo '</div>';

    echo '<div class="editor-content">'.$value.'</div>';
echo '</div></div>';

我想要进入的手风琴就在这里“ http://bradsknutson.com/blog/css-only-accordion/

The DIV structure it requires is this:
<div class="container">
<div class="accordion">
<div>
            <input id="ac-1" name="accordion-1" type="checkbox" />
            <label for="ac-1">About</label>
<div class="article ac-small">
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
</div>
</div>
<div>

任何有关格式化的帮助都将非常感激。

Answer 1

我不确定我会得到你想要做的...但你可以调整php输出到这个并且非常接近。基本上合并两段代码

echo '<div class="container">';
echo '<div class="accordion"><div class="section-head">';
        echo '<input class="header-label" id="'.$field[label].'" name="accordion-1" type="checkbox" />';
        echo '<label class="rating-letter" for="'.$field[label].'">'.$image_text.'</label>';
        echo '<div class="editor-content article ac-small">'.$value.'</div>';
echo '</div></div>';
echo '</div>';

使PHP适应CSS手风琴

1 个答案: