我不擅长编程,所以我真的很想帮忙。javascript - 显示/隐藏文本
我需要一个代码来显示和隐藏文本,当你点击某个句子。我在互联网上搜索了很多,但我找不到有效的东西。这是我找到的代码之一。如果有人能帮助我并给我一个工作代码,我会很高兴!
我不擅长编程,所以我真的很想帮忙。javascript - 显示/隐藏文本
我需要一个代码来显示和隐藏文本,当你点击某个句子。我在互联网上搜索了很多,但我找不到有效的东西。这是我找到的代码之一。如果有人能帮助我并给我一个工作代码,我会很高兴!
您可以使用jQuery的切换: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>
你也可以看看这个页面右边的相关问题:-)
你可以使用.toggle()
功能从jQuery,JavaScript框架:
HTML:
<p>Text 1</p>
<p>Text 2</p>
<p>Text 3</p>
的jQuery:
$(function(){
$('p').click(function(){
$(this).toggle();
});
});
但是如果你隐藏的文字,你不能点击重新显示它。所以你需要找到一个可点击的视觉辅助工具来重新显示文本。我让你考虑一下。 :)
JQuery不是答案。这个问题没有提及使用它;它严格要求使用Javascript。 –
当我开始使用JavaScript时,如果我了解了jQuery的存在,我会是最幸福的人。 –
太棒了。作为**之后的建议**,您已经写了一个问题答案(意思是Javascript答案),或者作为对原始问题的评论。这不是一个答案,除了发布一个C#答案的Objective C问题将是。 –
我并不确定这是否可以正常工作,但您可以尝试在要隐藏的文本上放置空白图片,以及何时要查看文本,只需删除空白的正方形即可。我不完全确定它会工作。我不像JavaScript一样擅长使用C++。
也许你错过了这个网站是世界上最好的例子: https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp
的教程演示使用纯HTML的JavaScript做的工作!
这是一个家庭作业吗? –
嗨Emelie。本网站旨在帮助那些已经真诚地努力解决问题的人,但无论出于何种原因,都会出现一些问题。你可以发布你写的代码,哪些不工作?你提到你会发布它,但我没有看到它。当你粘贴它时,你可以缩进4个空格,这样它就可以正确格式化。 –
你在使用什么标记?包裹着各种句子的是什么元素,他们有什么'id'或'class'名字?请,如果可以的话,发布代码,显示你有什么。 –