drupal大学中“展开全部”和“收起”是如何做到的？ - Drupal大学

Warning: Undefined array key "HTTPS" in include() (line 29 of /opt/www/fdv2/drupal.stage/web/sites/default/settings.local.php).

include('/opt/www/fdv2/drupal.stage/web/sites/default/settings.local.php') (Line: 4)
require('/opt/www/fdv2/drupal.stage/web/sites/drupal001.net/settings.php') (Line: 145)
Drupal\Core\Site\Settings::initialize('/opt/www/fdv2/drupal.stage/web', 'sites/drupal001.net', Object) (Line: 1099)
Drupal\Core\DrupalKernel->initializeSettings(Object) (Line: 701)
Drupal\Core\DrupalKernel->handle(Object) (Line: 19)

drupal大学中“展开全部”和“收起”是如何做到的？ - Drupal大学 - Drupal问答论坛

首页 / 帖子

drupal大学中“展开全部”和“收起”是如何做到的？

闻涛星期四,10/23/2014

这个完全是使用JQuery做的吗？初始状态未显示的内容是用一个div保护住的。谢谢。

2个答案

刘伯彪发布于：2014-10-23 16:14

具体代码：

  function(context) {
    $('#activity-user-spread-btn', context).click(function() {
      var items = $(this).parent().find('.more-item');
      if(items.is(":hidden")) {
        items.slideDown();
        $(this).text(Drupal.t('Collapse'));
        $(this).removeClass("show_more").addClass("show_less")
      } else {
        items.slideUp();
        $(this).text(Drupal.t('Expand'));
        $(this).removeClass("show_less").addClass("show_more")
      };
      return false
    })
  },

需要和相应的css布局结合使用。具体的可以看首页专家排行榜的代码。

赵高欣发布于：2014-10-27 16:47

楼上写的已经很到位了，但是身为强迫症的我，还是想让它更优雅一些

function(context) {
    var items = $(this).parent().find('.more-item');
    $('#activity-user-spread-btn', context).toggle
      (function() {
        items.slideDown();
        $(this).text(Drupal.t('Collapse'));
        $(this).removeClass("show_more").addClass("show_less")
      }.(function() {
        items.slideUp();
        $(this).text(Drupal.t('Expand'));
        $(this).removeClass("show_less").addClass("show_more")
      };
      return false
    })
  }

分类

Drupal开发

模块相关

主题相关

架构讨论

其他技术

服务器相关