ロード時にすべての div を非表示にしたい、実際にはすべての div ではなく、特定の ID を持つもののみ
私はこのケースを持っています:
HTML:
<div id="dialog-'+this.id+'" style= "margin-left:25px; width:500px; height:180px"></div>
<img src="images/map.jpg" id = "mapicon" onClick="showhide('+this.id+');">
JS:
function showhide(id){
$("#dialog-"+id).toggle();
}
ページに入ったときにループを使用してこれらすべての div を作成するので、「dialog-」で始まるすべての div を非表示にします。そのため、マップ アイコンをクリックすると、特定の ID を持つ特定の div が表示されます。
jQuery オンロード ページ内でループを作成することを考えていましたが、まだ終了 ID がわからず、それが良い方法かどうかもわかりません。なにか提案を?