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