热门搜索 :
考研考公
您的当前位置:首页正文

使用经验

来源:东饰资讯网

触发器控制模拟开关:

var comment_flip =  
 '<a class="flip">' +  
      '  <i>收起</i>' + 
      '  <i style="display:none;">展开</i>' +  
 '</a>';

#将上面定义的标签显示在页面上。
$('[data-pid=' + data_pid + ']').find('.post-tools')
                                .after(comment_flip);

#为上面的展开收起元素添加点击事件
$('.flip').click(function () {   

#获取页面需要展开和收起切换的部分
var current_panel = $(this).closest('div').next(); 

#使用slideToggle()方法实现页面上一部分的`显示`与`隐藏`的 切换  
current_panel.slideToggle("normal");   

# 当前标签a的孩子i 模拟开关,一开一关,即‘收起’ 和 ‘展开’ 像开关一样切换
$(this).children('i').toggle();   
Top