Pokaż / Ukryj rozpiętość w tym samym miejscu
Używam jQuery do pokazywania lub ukrywania zakresu. Ale chcę<div>
pojawiać się w tym samym miejscu co link, który klikam. Aktualny kod pokazuje<div>
znaczniki po lewej stronie ekranu. Oto kod, którego używam.
<script>
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
return false;
});
$(".slidingDiv1").hide();
$(".show_hide1").show();
$('.show_hide1').click(function(){
$(".slidingDiv1").slideToggle();
return false;
});
});
</script>
Etykieta zakresu:
<span>
<a href="#" class="show_hide">Japan</a>
<span class="slidingDiv">
<img src="02-1 ImageFiles/01 Japan.JPG" style="width:235px; height:245px;">
<a href="#" class="show_hide">Close</a>
</span>
is made up of islands, regions, prefectures (government districts), cities, and surrounding communities. The main island, Honshu, has thirty-four prefectures making up five regions. The
<a class="show_hide1" href="#">Tōhoku Region</a>
<span class="slidingDiv1">
<img src="02-1 ImageFiles/02 TohokuRegion.JPG" style="width:217px; height:236px;">
<a href="#" class="show_hide1">Close</a>
</span>