Javascript 我试图在页面加载时隐藏一个段落，然后执行show/hide jquery，并在单击时更改按钮名称
我对软件开发非常陌生。我正在创建一个段落，当你点击一个按钮时，它将显示西班牙语版本的文本而不是英语。英文版将会加载，现在他们都加载了，我正在尝试只加载英文版并隐藏西班牙文版。我想在这两段之间切换onclick。我还想把按钮从西班牙语改成英语 谢谢你的帮助Javascript 我试图在页面加载时隐藏一个段落，然后执行show/hide jquery，并在单击时更改按钮名称,javascript,jquery,html,toggle,Javascript,Jquery,Html,Toggle,我对软件开发非常陌生。我正在创建一个段落，当你点击一个按钮时，它将显示西班牙语版本的文本而不是英语。英文版将会加载，现在他们都加载了，我正在尝试只加载英文版并隐藏西班牙文版。我想在这两段之间切换onclick。我还想把按钮从西班牙语改成英语 谢谢你的帮助 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Modal Practice</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen"
href="hidetest.css" />
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<div class="container" id="languageE">
<p>
Starting in 2014.
</p>
</div>
<div class="container" id="languageS">
<p>A partir del 2014...
</p>
</div>
<div>
<button class="Lang" id="myBtn">Español</button>
</div>
<script>
$(document).ready(function() {
$('#myBtn').on('click', function() {
$('#languageE').toggle();
});
});
$('.Lang').click(function() {
var $this = $(this);
$this.toggleClass('Lang');
if($this.hasClass('Lang'))
{
$this.text('Español');
} else {
this.text('English');
}
});
</script>
</body>
</html>
情态实践
从2014年开始。
2014年的派对。。。
西班牙人
$（文档）.ready（函数（）{
$（'myBtn'）。在（'click'，function（）上{
$（“#languageE”）.toggle（）；
});
});
$（'.Lang'）。单击（函数（）{
var$this=$（this）；
$this.toggleClass（'Lang'）；
if（$this.hasClass（'Lang'））
{
$this.text（'Español'）；
}否则{
此文本（“英语”）；
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Modal Practice</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen"
href="hidetest.css" />
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<div class="container" id="languageE">
<p>
Starting in 2014.
</p>
</div>
<div class="container" id="languageS">
<p>A partir del 2014...
</p>
</div>
<div>
<button class="Lang" id="myBtn" value="Spanish">Español</button>
</div>
<script>
$('#languageS').hide();
$('.Lang').click(function() {
var value=$(this).val();
if(value=='Spanish')
{
$('#languageS').show();
$('#languageE').hide();
$(this).val('English');
$(this).html('English')
}
else
{
$('#languageS').hide();
$('#languageE').show();
$(this).val('Spanish');
$(this).html('Español')
}
});
</script>
</body>
</html>
情态实践
从2014年开始。
2014年的派对。。。
西班牙人
$（“#语言”）.hide（）；
$（'.Lang'）。单击（函数（）{
var值=$（this.val（）；
如果（值=='Spanish'）
{
$（“#语言”）.show（）；
$（'#languageE'）.hide（）；
$（this.val（'English'）；
$（this.html（'English'））
}
其他的
{
$（“#语言”）.hide（）；
$（'#languageE'）.show（）；
$（this.val（‘西班牙语’）；
$（this.html（'Español'））
}
});
情态实践
从2014年开始。
2014年的派对。。。
西班牙人
$（文档）.ready（函数（）{
$（'#myBtn'）.off（）.on（'click'，function（））{
$（“#语言”）.toggle（）；
$（“#languageE”）.toggle（）；
设$this=$（this）；
$this.toggleClass（'Lang'）；
if（$this.hasClass（'Lang'））
$this.text（'Español'）；
其他的
$this.text（'English'）；
});
});
<script>
$(document).ready(function() {
$('#languageS').hide();
$('#myBtn').on('click', function() {
if($(this).text() == "Español") {
$(this).text('English')
$('#languageE').hide();
$('#languageS').show();
}
else{
$(this).text('Español')
$('#languageS').hide();
$('#languageE').show();
}
});
});
</script>
$（文档）.ready（函数（）{
$（“#语言”）.hide（）；
$（'myBtn'）。在（'click'，function（）上{
如果（$（this）.text（）=“Español”）{
$（此）.text（'English'）
$（'#languageE'）.hide（）；
$（“#语言”）.show（）；
}
否则{
$（this）.text（'Español'）
$（“#语言”）.hide（）；
$（'#languageE'）.show（）；
}
});
});
您可以这样尝试2 div您当前的代码有什么问题吗？您好，谢谢您的回复。当我运行它时，两个段落都会加载。当我点击按钮时，它不会改变。然而，唯一有效的是它确实隐藏了英语部分。现在我想将按钮的名称从Espanol切换到英语，只需单击两下，段落切换就可以了。您好，谢谢，是的，可以了。但是，如何在加载西班牙语段落时隐藏它，使两个段落最初都不显示？嗨，谢谢，是的，这很有效！非常感谢你。。。我已经尝试和搜索这个网站一周了。当我在Visual Studio 2017中尝试它时，它不起作用。我在VisualStudio代码中对其进行了测试运行，效果很好。我在VisualStudio的页面顶部有API。您好，谢谢。但是按钮名称没有改变。并希望一次显示/隐藏一段。也非常感谢。我刚刚试过这个，它也很有效。这个确实有效。我创建了一个测试环境，它在Visual Studio代码中工作，当我把它放到Visual Studio的应用程序中时，它没有隐藏西班牙语段落。然而，当我在可视化代码中测试它时，它工作得很好。我在VisualStudio中的页面顶部有API，请确保将此$（“#languageS”）.hide（）放在页面顶部；在document.ready或on load函数中，无论您在应用程序中使用哪个函数。嗨，我实际上把它当作您拥有的一样。它没有只在加载时隐藏西班牙语段落，或者也没有在单击时隐藏相同的段落？
<script>
$(document).ready(function() {
$('#languageS').hide();
$('#myBtn').on('click', function() {
if($(this).text() == "Español") {
$(this).text('English')
$('#languageE').hide();
$('#languageS').show();
}
else{
$(this).text('Español')
$('#languageS').hide();
$('#languageE').show();
}
});
});
</script>
$(document).ready(function() {
$('#div1').hide();
$('#preview').on('click', function() {
$('#div1').toggle(300);
});
});