代码之家  ›  专栏  ›  技术社区  ›  AlexA

Drupal:节点内部的手风琴

  •  0
  • AlexA  · 技术社区  · 16 年前

    我看到有几个不错的Accordion(UI)模块,但似乎没有一个能够为单个节点/文章的子部分显示Accordion。 例如,我网站上的文章有“开始”、“中间”、“结束”几个部分,我希望能够在一个节点页面上看到这些部分相互包装在一起。 喜欢 /节点/x

    • 开始(单击后文本可用)
    • 中间的
    • 终点

    我错过了一些好的模块吗? 还是我应该从头开始编写sunch功能?

    3 回复  |  直到 16 年前
        1
  •  4
  •   Flexo - Save the data dump sunny moon    11 年前

    源于www.chrisherberte.com/blog/drupal-7-and-jquery-ui-accordion:

    现在jQueryUI包含在D7核心中,我们将看到更多内容 使用UI库的应用程序样式函数。这里有一个简单的例子 过滤器)演示添加jQuery UI效果和 Drupal7中的小部件。

    <?php
    drupal_add_library('system', 'ui.accordion');
    drupal_add_js('jQuery(document).ready(function() {jQuery("#accordion").accordion();});','inline');
    ?>
    <div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
    
    <h3><a href="#">Section 2</a></h3>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
    
    <h3><a href="#">Section 3</a></h3>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
    </div>
    
        2
  •  1
  •   Kuroki Kaze    16 年前

    node.tpl.php 手动将节点拆分为多个部分。

        3
  •  0
  •   AlexA    16 年前

    node text here
    <div id="accordion">
    <h2>section name</h2>
    <div> section body</div>
    .....
    </div>
    node end text here
    

    当然,jQueryAccordion也包含在page.tpl.php中