JQuery隐藏显示详情功能

放置两个DIV:
初始DIV :在Repetr绑定设置文字隐藏(三元运算符):‘<%# Eval("字段2").ToString().Length>11?Eval("字段2").ToString().Substring(0,10)+"…":Eval("字段2").ToString() %>‘

详情DIV :默认display:none,height:auto;overflow:hidden;min-height:最小高度

$(".ActivitydetailsButton").click(function(){
   
         var zt=$(this).text();
      
           if(zt=="查看详情"){
           $(this).html(‘隐藏详情‘);

/*初始DIV隐藏*/
            $(this).parent().parent().parent().children().next(".ActivityDivs").hide();

/*详情DIV显示*/
            $(this).parent().parent().parent().children().next(".ActivityDivHidden").show();
          
           }
        if(zt=="隐藏详情"){
         $(this).html(‘查看详情‘);
           $(this).parent().parent().parent().children().next(".ActivityDivHidden").hide();
            $(this).parent().parent().parent().children().next(".ActivityDivs").show();
           }
       
         });

时间: 2024-10-25 05:57:37

JQuery隐藏显示详情功能的相关文章

jquery 隐藏 显示 动画效果

<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide").click(function(){ $("p"

jQuery 隐藏/显示

1.如何隐藏部分文本(简单案例) //样式 <style type="text/css">            div.ex {                background-color: #e5eecc;                padding: 7px;                border: solid 1px #c3c3c3;                width: 300px;            }        </style&

jquery-easyui中datagrid扩展,隐藏显示表头功能

今天,后台中需要新增一个功能,用户可以自由选择显示的列,之后保存到本地localStroage中.所以扩展了easyui中datagrid的onHeaderContextMenu方法. 使用方法: _this.$table.datagrid(_.extend({ fit: true, border: false, striped: true, method: "get", pagination: true, singleSelect: true, loadMsg: "加载数据

基于特定值来推断隐藏显示元素的jQuery插件

jQuery-Visibly是一款小巧简单的jQuery隐藏显示元素插件.该插件依据某个元素的值,例如以下拉框的值.输入框的值等来推断是否显示某个指定的元素. 用于推断的值能够是单个值,或者是多个值,也能够是正則表達式,很灵活. 在线演示:http://www.htmleaf.com/Demo/201503111503.html 下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201503111502.html

基于特定值来判断隐藏显示元素的jQuery插件

jQuery-Visibly是一款小巧简单的jQuery隐藏显示元素插件.该插件根据某个元素的值,如下拉框的值.输入框的值等来判断是否显示某个指定的元素.用于判断的值可以是单个值,或者是多个值,也可以是正则表达式,非常灵活. 在线演示:http://www.htmleaf.com/Demo/201503111503.html 下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201503111502.html

【jquery隐藏and显示事件】

1.jquery隐藏and显示事件 $("p").hide();      //隐藏事件$("p").hide(1000);  //1秒内缓慢隐藏$("p").show();      //显示事件$("p").toggle();    //在隐藏和显示中切换 2.淡入淡出 $("#div1").fadeIn();    //淡入$("#div2").fadeIn("slow&

jquery实现的点击页面其他地方隐藏显示的元素

jquery实现的点击页面其他地方隐藏显示的元素:在实际应用中,可能有这样的效果,那就是有这样一个弹出层,点击层本身的时候,这个层不会隐藏,而点击除去层之外的页面其他地方则会将这个层隐藏,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="

jQuery 隐藏和显示

jQuery 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 查看示例 hide() 和 show() 都可以设置两个可选参数:speed 和 callback. 语法

一款基于jquery的手风琴显示详情

今天要各网友分享一款基于jquery的手风琴显示详情实例.当单击顶部箭头的时候,该项以手风琴的形式展示显示详情.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div align="center"> <span class="openzone" zone="lestrois" id="autoclicklestrois">NOW, OPEN THE THREE !</span