dongnong3019 2014-02-12 15:17
浏览 26
已采纳

使PHP适应CSS手风琴

I'm having trouble setting up the Div structure in my PHP to fit into a checkbox CSS Accordion. I don't actually know if it is possible

//Here is my 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>';

The accordion I'm trying to get it into is here" 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>

Any help with formatting this this would be hugely appreciated.

  • 写回答

1条回答 默认 最新

  • dopii22884 2014-02-12 18:51
    关注

    i'm not sure i get what you're trying to do... but you can tweak the php output to this and get pretty close. basically merging both pieces of code

    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>';
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

悬赏问题

  • ¥50 数据库开发问题求解答
  • ¥15 安装anaconda时报错
  • ¥20 如何用Python处理单元格内连续出现的重复词语?
  • ¥15 小程序有个导出到插件方式,我是在分包下引入的插件,这个export的路径对吗,我看官方文档上写的是相对路径
  • ¥20 希望有人能帮我完成这个设计( *ˊᵕˋ)
  • ¥100 将Intptr传入SetHdevmode()将Intptr传入后转换为DEVMODE的值与外部代码不一致
  • ¥50 基于ERA5数据计算VPD
  • ¥15 寻找杂志《Tornatzky, L. G., & Fleischer, M. (1990). The Processes of Technological Innovation. 》
  • ¥15 前台多人编辑时怎么让每个人保存刷新都互不干扰
  • ¥20 如何用Python删除单元格内连续出现的重复词?
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部