Javascript 获取多个实例以仅显示单击的实例
好的，这可能是一个简单的解决方案，但我已经在stack overflow和Google上搜索过了，但仍然找不到。我有Javascript 获取多个实例以仅显示单击的实例,javascript,jquery,css,html,multiple-instances,Javascript,Jquery,Css,Html,Multiple Instances,好的，这可能是一个简单的解决方案，但我已经在stack overflow和Google上搜索过了，但仍然找不到。我有20-30个框集，你可以搜索并单击它们，但当你单击它们时，其他所有内容都将隐藏，然后我将有一个框显示一些信息，如果单击该框或下一个框，将显示另一个框，依此类推。当然，我不希望所有实例同时显示框，我只希望单击后显示 现在我只关注点击框。 编辑：我现在还制作了和js小提琴： 关键是，我希望框文本1，然后单击框时显示文本2,4 <script> $(docum
20-30个框集，你可以搜索并单击它们，但当你单击它们时，其他所有内容都将隐藏，然后我将有一个框显示一些信息，如果单击该框或下一个框，将显示另一个框，依此类推。当然，我不希望所有实例同时显示框，我只希望单击后显示
现在我只关注点击框。
编辑：我现在还制作了和js小提琴：
关键是，我希望框文本1，然后单击框时显示文本2,4
<script>
$(document).ready(function(){
$('.testimonial').click (function(){
$(this).children().toggle(500);
});
$("#produkter").click(function(){
$("#list").show(500);
$("#list2").hide(500);
});
$("#omrader").click(function(){
$("#list2").show(500);
$("#list").hide(500);
});
$("#begge").click(function(){
$("#list2").show(500);
$("#list").show(500);
});
});
</script>
</head>
<body>
<div id="wrap">
<h1 id="header"><!--searchbar--></h1>
<div id="buttons">
<h3 id="produkter">Produkter</h3>
<h3 id="omrader">Områder</h3>
<h3 id="begge">Begge</h3>
</div>
<!--Produkter -->
<ul id="list">
<h3>PRODUKTER</h3>
<li class="testimonial">
<a href="#/australia/"><img src="img/11034.jpg"><h2>CaterClean</h2></a>
<div class="text">
<p>Varenr: 11034 </p>
<p>Bruksområder: Arbeidsområder, Åpne Flater, Kjøkkenbenk, Kjøkkenutstyr, Grill og ovner, Gulv.</p>
<p>Info: Brukes til deinfisering, la den virke i 5-10 minutter og den dreper omtrent alle bakteriene som er der. Kan brukes på de fleste områder. Er enten i 5lt kanne eller i 0,75lt spray.</p>
<div class="text2">TEST</div>
<div class="text3">TEST2</div>
<div class="text4">TEST3</div>
</div>
</li>
<li class="testimonial">
<a href="#/australia/"><img src="img/11001.jpg"><h2>Savona d2</h2></a>
<div class="text">
<p>Varenr: 11001</p>
<p>Bruksområder: Arbeidsområder, Åpne Flater, Kjøkkenbenk, Kjøkkenutstyr, Grill og ovner, Gulv.</p>
<p>Info: Brukes til deinfisering, la den virke i 5-10 minutter og den dreper omtrent alle bakteriene som er der. Kan brukes på de fleste områder. Er enten i 5lt kanne eller i 0,75lt spray.</p>
</div>
<div class="text2">TEST</div>
<div class="text3">TEST2</div>
<div class="text4">TEST3</div>
</li>
$（文档）.ready（函数（）{
$（'.commential'）。单击（函数（）{
$（this.children（）.toggle（500）；
});
$（“#produkter”）。单击（函数（）{
元("名单).show(500元);；
$（“#列表2”）.hide（500）；
});
$（“#omrader”）。单击（函数（）{
元(表二).show(500);；
$（“#列表”）.hide（500）；
});
$（“#begge”）。单击（函数（）{
元(表二).show(500);；
元("名单).show(500元);；
});
});
生产商
欧姆雷德
乞求
生产商
-
瓦伦尔：11034
布鲁克索姆尔：阿尔贝德索姆尔、奥普纳·弗拉特、克肯本克、克努特提尔、格里尔奥格奥夫纳、古尔夫
信息：从布鲁克斯到德林，每5-10分钟一次，德雷珀河沿岸的所有海滩都是如此。我的朋友们。Er enten i 5升kanne eller i 0,75升喷雾剂
试验
测试2
测试3
-
瓦伦尔：11001
布鲁克索姆尔：阿尔贝德索姆尔、奥普纳·弗拉特、克肯本克、克努特提尔、格里尔奥格奥夫纳、古尔夫
信息：从布鲁克斯到德林，每5-10分钟一次，德雷珀河沿岸的所有海滩都是如此。我的朋友们。Er enten i 5升kanne eller i 0,75升喷雾剂
试验
测试2
测试3
编辑：OP编辑了他的问题，使得这个答案与他的问题不太相关
我认为你从错误的角度来攻击这件事
绑定事件的方式可能是一个问题，我建议您为每个新的“框”创建一个对象，然后该对象可以有一个包含所有不同文本项的数组，从那里您只需聆听对数组项的单击，并显示数组中的下一项，隐藏当前项。（添加逻辑检查以查看它是否是数组中的最后一项）
也将使您的代码更容易理解。根据您的描述，这可能是您想要的
$(document).ready(function(){
$(".test").click(function(){
$(this).toggle();
$(".test").toggle();
$("#info").toggle();
});
});
嘿，汤米，我建议你做一把小提琴给用户玩。这通常有助于更快地得到答案。[主题外]有一种称为“幻数”的反模式。您应该在一个变量中存储500。[off-topic]：）[more-off-topic]有一个叫做“DRY”的代码原则。谷歌就是这样。[/more off-topic]嗨，好的，我会这么做的Mike:）如果你想让JSFIDLE开心，你需要自行关闭你的img
标签（即使用/>）。那么JSFiddle
tidyup`按钮可以让事情变得可爱：）好吧，呵呵，以前没有做过JSFiddle，所以一切都是第一次^^^这应该是一个评论。我认为这是一个答案，因为它既可以解决他当前的问题，也可能解决他未来的问题。但我们可以同意不同意，我来测试一下！：）