首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery展示、隐藏

2012-07-19 
jQuery显示、隐藏%javascript_include_tag jquery%tdidnote input title显示全部信息onclick

jQuery显示、隐藏
<%=javascript_include_tag 'jquery'%>
<td  id="note" >
<input title="显示全部信息"  onclick="<%=jq_show('.all_infos')%><%=jq_hide('.services')%>" type="button" value="显示全部信息">
</td>

<td  id="note" style="display: none;">
<input title="收起"  onclick="<%=jq_show('.services')%><%=jq_hide('.all_infos')%>" type="button" value="收起">
</td>


   def jq_show(*arg)
      html=""
      arg.each{|a| html+="jQuery('#{a}').show('slow');"}
      html
    end
   
    def jq_hide(*arg)
      html=""
      arg.each{|a| html+="jQuery('#{a}').hide('slow');"}
      html
    end

热点排行