我在网页上有两段文字,并且希望一次只能看到其中的一段文字。理想情况下,我想通过页面顶部的一组按钮来实现这一点,可能通过JavaScript或jQuery?在两组文本之间切换
编辑:我目前正在使用下面的代码。一切都可见,按钮是'可点击'的,但是当我点击按钮时没有任何反应。
<!DOCTYPE html>
<html>
<body>
<h1>What OCA should do next</h1>
<div id='Content'>
<div id='1'><p>THIS IS TEXT 1</p></div>
<div id='2' style='display:none;'><p>THIS IS DEFINITELY NOT TEXT 1</p></div>
</div>
<button type="submit" value="Submit">Submit</button>
<script>
var shown = 1;
$("#Submit").click(function() {
if(shown == 1) {
$("#text1").css("display", "none");
$("#text2").css("display", "block");
shown = 2;
}
else {
$("#text2").css("display", "none");
$("#text1").css("display", "block");
shown = 1;
}
});
</script>
</body>
</html>
有点多搜索会给你答案:http://stackoverflow.com/questions/14720054/jquery-toggling-between-two-different-divs-on-button-click – gurudeb
欢迎来到SO。请不要在评论中留下冗长的代码。 – isherwood
感谢您的协助。我只是在经过漫长的搜索之后发布的,其中我只找到了预制翻译切换的答案,这并不是我之前的做法。 – user3590219