jQuery隐藏/显示更多按钮

时间:2016-11-21 04:20:21

标签: jquery button

我在jQuery中为更多/更少的文本按钮工作。当我的jQuery脚本加载时,我想只显示div中的一些文本。在这种情况下,任何文字>我想先隐藏650个字符。我无法弄清楚如何使用jQuery隐藏超出该限制的文本。此外,我正在尝试创建一个函数,在单击按钮时将显示div中的其余文本。然后,当单击相同的按钮时,文本将仅显示最初显示的内容。

我有一个小提琴,我一直在努力,可能是在正确的轨道上,但我不确定是否是这种情况。

如果您有任何建议,请与我们联系。

小提琴------ https://jsfiddle.net/carbot3000/f20bbh7a/99/

$(document).ready(function() {
var showChar = 250; // How many characters are shown by default
var ellipsestext = "...";
var rvwbody = jQuery(".reviewbody").html();
var c = rvwbody.substr(0, showChar);
var h = rvwbody.substr(0, rvwbody.length);

jQuery('.reviewbody').each(function() {
  if (rvwbody.length > showChar) {
    jQuery(".btnRead").show();
    jQuery(".reviewbody").html(h);
}
});
jQuery(".btnRead").click(function() {
jQuery(".btnRead").html(jQuery('.btnRead').text() == 'Hide me' ? 'Show Me' : 'Hide me');
jQuery(".reviewbody").html(h);
jQuery(".tstars").toggleClass("color");
console.log(h);
});
});

1 个答案:

答案 0 :(得分:3)

试试这个

{
    "queryPlanner" : {
        "plannerVersion" : 1,
        "namespace" : "users",
        "indexFilterSet" : false,
        "parsedQuery" : {
            "role" : {
                "$eq" : "seeker"
            }
        },
        "winningPlan" : {
            "stage" : "COLLSCAN",
            "filter" : {
                "role" : {
                    "$eq" : "seeker"
                }
            },
            "direction" : "forward"
        },
        "rejectedPlans" : [ ]
    },
    "serverInfo" : {

    },
    "ok" : 1
}