如何让我的“阅读更多”按钮在单击时显示更多文本(javascript/css/html)?

如何让我的“阅读更多”按钮在单击时显示更多文本(javascript/css/html)?,javascript,jquery,html,css,onclick,Javascript,Jquery,Html,Css,Onclick,下面是我试图创建的网站主页的代码。然而,我似乎无法让我的“阅读更多”按钮在点击时显示更多文本。我意识到有几个“阅读更多”按钮,但由于我无法让它们中的任何一个正常工作,我现在只关心“欢迎来到我们的医疗诊所”部分下的第一个“阅读更多”按钮。我曾尝试在section类中的不同分区中放置一个名为“starting text”的onclick按钮,但失败了。无论何时单击“阅读更多”按钮,都不会显示任何文本。如果有人能帮我写代码,你就救了我,我将不胜感激 保健 切换导航 我们很专业 尼

下面是我试图创建的网站主页的代码。然而,我似乎无法让我的“阅读更多”按钮在点击时显示更多文本。我意识到有几个“阅读更多”按钮,但由于我无法让它们中的任何一个正常工作,我现在只关心“欢迎来到我们的医疗诊所”部分下的第一个“阅读更多”按钮。我曾尝试在section类中的不同分区中放置一个名为“starting text”的onclick按钮,但失败了。无论何时单击“阅读更多”按钮,都不会显示任何文本。如果有人能帮我写代码,你就救了我,我将不胜感激


保健
切换导航
我们很专业
尼古拉斯·凯奇同意

我们很关心 Lorem ipsum dolor sit amet,奉献精英。圣尤拉姆eos临时显贵Debitis illum

我们有责任 Lorem ipsum dolor sit amet,奉献精英。圣尤拉姆eos临时显贵Debitis illum

欢迎来到我们的保健诊所 Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变

阅读更多 为什么选择我们

洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图

顶级医生 Lorem ipsum dolor sit amet,奉献精英。新鼻疽病的复发,由于其自身的原因,阻碍了全方位疾病的爆发

网上问答;A. Lorem ipsum dolor sit amet,奉献精英。不提供必要的法定义务。Nihil dolorem officiis

症状检查 Lorem ipsum dolor sit amet,奉献精英。自然同侧痣,odio quae!明确的时间积累的理由,新的理由

竞争性定价 Lorem ipsum dolor sit amet,奉献精英。自然同侧痣,odio quae!明确的时间积累的理由,新的理由

医学咨询 Lorem ipsum dolor sit amet,奉献精英。新鼻疽病的复发,由于其自身的原因,阻碍了全方位疾病的爆发

护理人员 Lorem ipsum dolor sit amet,奉献精英。不提供必要的法定义务。Nihil dolorem officiis

证明信 患者对我们的评价

当你组建一个团队时,你为什么要组建一个团队?因为团队合作建立信任,信任建立速度。

朱莉娅·多伊

当你组建一个团队时,你为什么要组建一个团队?因为团队合作建立信任,信任建立速度。

约翰·多伊

当你组建一个团队时,你为什么要组建一个团队?因为团队合作建立信任,信任建立速度。

    function ibeGetDescription(desc) {
        if (desc == null || typeof desc == "undefined") {
            return "";
        }

        var text = new Array();

        var postDesc = "<span class='post-desc deluxTxt' style='display: none;'>" + desc + "</span>";

        text.push("<span class='dynamic-desc' style='text-align: justify;'>");

        text.push(postDesc);
        text.push("<a href='javascript:void(0);' onclick='ibeShowHideDescription(this);' class='greenTxt'>...More</a>");
        text.push("</span>");

        return text.join("");
    }

   function ibeShowHideDescription(obj) {
    var $this = $(obj);
    var $div = $(obj).closest(".dynamic-desc");
       var $postDesc = $div.find("span.post-desc");

    if ($postDesc.is(":visible")) {
        //$postDesc.slideUp("fast");
        $postDesc.css("display", "none");
        $preDesc.show();
        $this.html("...More");
    }

}