首页 / 帖子
drupal大学中“展开全部”和“收起”是如何做到的?
这个完全是使用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
    })
  }