将PHP调整为CSS手风琴

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