hidden کردن یک div

[vahidmahdiun90]

با سلام سوالی داشتم

فرض کنیم یک <div> داریم با یک id به نام p1 حالا من برنامه ای نوشتم که وقتی روی این div کلیک کنی این div نامرئی بشه

<script>

function displayResult()
{
document.getElementById("p1").style.visibility="hidden";
}


</script>

<div id="p1" onclick="displayResult()"><div/>
<div id="p1" onclick="displayResult()"><div/>

حالا وقتی روی یکی از این div ها کلیک می کنم هر دو نامرئی میشه . ممکنه روشی رو به من یاد بدید تا وقتی روی یک div کلیک کنم فقط اون div نامرئی شه. دقیق تر بگم که میخوام تو صفحه بیش از یکی div باشه ها

با تشکر

 

[Domanjiri]

سلام

خصیصه ی id یک خصیصه ی یونیگ و یکتا هست و شما نمی تونی برای دو آبجکت در یک صفحه از یک آیدی استفاده کنی. این از این.

حالا:

<script>

function displayResult(x)
{
document.getElementById(x).style.visibility="hidden";
}


</script>

<div id="p1" onclick="displayResult(p1)"><div/>
<div id="p2" onclick="displayResult(p2)"><div/>

اینم از این.

موفق باشید