このコードを短縮するにはどうすればよいですか?各CSSセレクターは+1を増加させます。 .mug(x)が選択されていない限り、すべてのBioのdivは非表示になります。このjavascriptコードをどのように短縮できますか? show hide複数のdiv
おかげ
<script type='text/javascript'>
$(document).ready(function() {
$(".mug1").click(function() {
$("#bios div").hide();
$(".bio1").show();
});
$(".mug2").click(function() {
$("#bios div").hide();
$(".bio2").show();
});
$(".mug3").click(function() {
$("#bios div").hide();
$(".bio3").show();
});
});
</script>
<h2>Meet the team</h2>
<div id="mugshots">
<img src="images/img-mugshot.jpg" alt="mug" class="mug1"/>
<img src="images/img-mugshot.jpg" alt="mug" class="mug2"/>
<img src="images/img-mugshot.jpg" alt="mug" class="mug3"/>
</div>
<div id="bios">
<div class="bio1"></div>
<div class="bio2"></div>
<div class="bio3"></div>
</div>
あなたは基本的に[jQuery UI Accordion](http://jqueryui.com/demos/accordion/) – jrummell