账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Jquery Div 展開收合
    31
    0

    1.我需要做一個閱讀全文..並且能收起的功能

    一開始我會先執行一個方法show(),只顯示部分文字,之後點連結會顯示全部,但我收起這塊地方法不知如何運作,懇請大神幫幫忙,給個方向

    相关代码

    // 请把代码文本粘贴到下方(请勿用图片代替代码)

    Introduction_html+="<div class='doc_formation'>"                                    
    $.each(this.board,function(){
    Introduction_html+="<br><span class ='doc_title'>"+this.title+"</span><br>"
    Introduction_html+="<span class='doc_connent'>"+this.content+"</span>"
    });
    Introduction_html+="<a class='back' href='javascript: void(0)' style='display:none' onclick=''>收起</a>"
    Introduction_html+="</div>"
    
       function show(){
       $(".doc_formation").each(function(){
       var text=$(this).html();
        
        if($(this).text().length>lng){
             $(this).text($(this).text().substring(0,lng));
                $(this).html($(this).html()+"..."+"<a href='javascript: void(0)'> 閱讀全文</a>");
        }
    
        $(this).find("a").click(function(){
            $(this).parent().html(text);
           $(".back").css("display","block");
        })
    })

    }

    我希望能按下收起,變回只顯示部分文字,然後點閱讀全文又可以跑出全部,我現在遇到的錯誤是點了一個閱讀全文,按收起後,其他的閱讀全文就不能點擊了

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • jQuery Div 展開收合的基本思路是使用$(document).ready(),當網頁載入完成後,使用$.子女屬性添加或移除jQuery Div。

      以下是一個基本的示例:

      ```javascript $(document).ready(function(){ // 添加jQuery Div $("#div1").fadeIn(1000); $("#div2").fadeIn(1000);

      // 移除jQuery Div
      $("#div1").fadeOut(1000);
      $("#div2").fadeOut(1000);
      

      }); ```

      在上述示例中,$("#div1")$("#div2")分別是需要添加和移除的jQuery Div,fadeIn(1000)fadeOut(1000)分別是這兩個Div的淡入和淡出效果。

      注意,fadeInfadeOut的時間是可調的,可以設置不同的時間,以達到不同的效果。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部