Question

我对编程不好，所以我真的想要一些帮助。

当您点击某个句子时，我需要一个显示和隐藏文本的代码。我在互联网上搜索了很多，但我找不到有用的东西。这是我找到的代码之一。如果有人可以帮助我并给我一个有效的代码，我会很高兴的！

Answer 1

您可以使用jQuery的Toggle：http://api.jquery.com/toggle/

因为您不熟悉编程，所以您可能希望观看有关jQuery的这些视频系列：http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/

没有jQuery的替代解决方案：

<script language="javascript"> 
function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "show";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
</script>

<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>Hello world</h1></div>

您还可以查看本页右侧的相关问题： - ）

Answer 2

您可以使用.toggle()中的jQuery函数，这是一个JavaScript框架：

<强> HTML：

<p>Text 1</p>
<p>Text 2</p>
<p>Text 3</p>

<强> jQuery的：

$(function(){
    $('p').click(function(){
        $(this).toggle();
    });
});

但是如果隐藏文本，则无法单击以重新显示该文本。因此，您需要找到可点击的视觉辅助工具来重新显示文本。我让你考虑一下。 :)

Answer 3

我不确定这是否可行，但您可以尝试在要隐藏的文本上放置空白图片，当您想要查看文本时，只需删除空白方块即可。我并不是100％确定它会起作用。我不像使用C ++那样擅长javascript。

Answer 4

也许你错过了这个网站上世界上最好的例子： https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp

本教程展示了使用带有JavaScript的纯HTML来完成工作！

javascript - 显示/隐藏文字

4 个答案: