ورود

View Full Version : Hidden و UnHidden کردن یک Div



peymannaji
یک شنبه 24 شهریور 1387, 19:16 عصر
با سلام
با جاوا اسکریپت چگونه میتونم یک تگ DIv رو که درون آن نوشته و یا عکس و ... هست رو با کلیک بروی یک دکمه ظاهر و یا مخفی کنم ... یعنی بصورت پیش فرض مخفی و سپس با کلیک یک دکمه ظاهر و با کلیک بروی همان دکمه دوباره مخفی بشه ...

با تشکر

Rambod
یک شنبه 24 شهریور 1387, 20:06 عصر
<script language="javascript" type="text/javascript">
function btnShow_onclick() {
var el = document.getElementById("HiddenDiv");
if ( el.style.display != 'none' ) {
el.style.display = 'none';
}
else {
el.style.display = '';
}

}

<div id="HiddenDiv" style="display:none">
This is a test
</div>
<br />
<input id="btnShow" type="button" value="Show" onclick="return btnShow_onclick()" />

peymannaji
یک شنبه 24 شهریور 1387, 20:15 عصر
ممنون دوست عزیز . واقعا محبت کردید ...

موفق و پیروز باشید .