كود HTML:
 <script type="text/javascript">
var enablepersist="on" //Enable saving state of content structure using session cookies? (on/off)
var collapseprevious="yes" //Collapse previously open content when opening present? (yes/no)
if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;}')
document.write('</style>')
}
function getElementbyClass(classname){
ccollect=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
ccollect[inc++]=alltags[i]
}
}
function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}
function expandcontent(cid){
if (typeof ccollect!="undefined"){
if (collapseprevious=="yes")
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
}
}
function revivecontent(){
contractcontent("omitnothing")
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"
}
function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}
function saveswitchstate(){
var inc=0, selectedItem=""
while (ccollect[inc]){
if (ccollect[inc].style.display=="block")
selectedItem+=ccollect[inc].id+"|"
inc++
}
document.cookie=window.location.pathname+"="+selectedItem
}
function do_onload(){
uniqueidn=window.location.pathname+"firsttimeload"
getElementbyClass("switchcontent")
if (enablepersist=="on" && typeof ccollect!="undefined"){
document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0" 
firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0 //check if this is 1st page load
if (!firsttimeload)
revivecontent()
}
}

if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate
</script> <table border="0" width="100%" id="table64" cellspacing="5" cellpadding="2"> <tr> <td colspan="7" align="center"> &nbsp;</td> </tr> <tr> <td colspan="7" align="center"> &nbsp;</td> </tr> <tr> <td width="1%" height="50">&nbsp;</td> <td width="17%" align="center" height="50" bgcolor="#EBEBEB" bordercolor="#D8D8D8"> &nbsp;</td> <td width="16%" align="center" height="50" bgcolor="#EBEBEB" bordercolor="#D8D8D8"> <span style="font-family: Arial; font-weight:700"> <font size="2" color="#000080" onClick="expandcontent('sc2')" style="cursor:hand; cursor:pointer; text-decoration:underline">
     العمــل</font></span></td> <td width="16%" align="center" height="50" bgcolor="#EBEBEB" bordercolor="#D8D8D8"> <font size="2"> <span lang="AR-SA" style="font-family: Arial; text-decoration:underline">
       ا<b><font color="#000080" onClick="expandcontent('sc3')" style="cursor:hand; cursor:pointer">لمؤهلات العلمية</font></b></span></font></td> <td width="16%" align="center" height="50" bgcolor="#EBEBEB" bordercolor="#D8D8D8"> <span lang="AR-SA" style="font-family: Arial; font-weight:700"> <font size="2" color="#000080"onClick="expandcontent('sc4')" style="cursor:hand; cursor:pointer; text-decoration:underline">
     اللغات</font></td> <td width="16%" align="center" height="50" bgcolor="#EBEBEB" bordercolor="#D8D8D8"> &nbsp;</td> <td width="1%" height="50">&nbsp;</td> </tr> <tr> <td width="1%">&nbsp;</td> <td width="83%" colspan="5"> <div id="sc2" class="switchcontent"> &nbsp;<table border="1" width="100%" id="table75" cellspacing="0" cellpadding="0" bgcolor="#EBEBEB" bordercolor="#D8D8D8"> <tr> <td align="center"> <span lang="AR-SA" style="font-family: Arial; font-weight:700"> <font size="2">أستاذ بكلية الآداب - جامعة 
         الملك عبدالعزيز - جدة.</font></span></td> </tr> <tr> <td align="center"> <span lang="AR-SA" style="font-family: Arial; font-weight:700"> <font size="2">مستشار صحيفة (المدينة) للتدريب والتطوير.</font></span></td> </tr> <tr> <td align="center"> <span lang="AR-SA" style="font-family: Arial; font-weight:700"> <font size="2">كاتب صحفي.</font></span></td> </tr> </table> </div> <div id="sc3" class="switchcontent"> <br> &nbsp;<table border="1" width="100%" id="table76" cellspacing="0" cellpadding="0" bgcolor="#EBEBEB" bordercolor="#D8D8D8"> <tr> <td align="center"> <span lang="AR-SA" style="font-family: Arial; font-weight:700"> <font size="2">&nbsp;دكتوراه الفلسفة، دراسات الشرق الأوسط - 
       تاريخ - (جامعة يوتا - سولتا ليك ستي، يوتا - الولايات 
       المتحدة الأمريكية، 10 يونيو 1988م/ 1408هـ).</font></span></td> </tr> <tr> <td align="center"> <span lang="AR-SA" style="font-family: Arial; font-weight:700"> <font size="2">ماجستير آداب، دراسات الشرق الأوسط - تاريخ - 
       (جامعة يوتا - سولتا ليك ستي، يوتا، الولايات المتحدة 
       الأمريكية، 17 مارس 1983م/ 1403هـ).</font></span></td> </tr> <tr> <td align="center"> <span lang="AR-SA" style="font-family: Arial; font-weight:700"> <font size="2">بكالوريوس تاريخ مع إعداد تربوي - (جامعة الملك 
       عبدالعزيز - فرع مكة المكرمة، 21 يونيو 1978م/ 
       1398هـ).</font></span></td> </tr> </table> </div> <div id="sc4" class="switchcontent"> <br> &nbsp;<table border="1" width="100%" id="table77" cellspacing="0" cellpadding="0" bgcolor="#EBEBEB" bordercolor="#D8D8D8"> <tr> <td> <p align="center"><b><font size="2"> <span lang="AR-SA" style="font-family: Arial"> &nbsp;العربية ( اللغة الأم</span><span lang="en-us" style="font-family: Arial"> </span> <span style="font-family: Arial">
     )</span><span lang="en-us" style="font-family: Arial"> /</span><span lang="AR-SA" style="font-family: Arial">
     الإنجليزية </span> <span lang="en-us" style="font-family: Arial">( </span> <span lang="AR-SA" style="font-family: Arial">
     قراءة وكتابة وتحدثا</span><span lang="en-us" style="font-family: Arial"> 
     ) /</span><span lang="AR-SA" style="font-family: Arial">
     الفرنسية</span><span lang="en-us" style="font-family: Arial"> 
     /</span><span lang="AR-SA" style="font-family: Arial">
     التركية (</span><span lang="en-us" style="font-family: Arial"> </span><span lang="AR-SA" style="font-family: Arial">
     قليل</span><span lang="en-us" style="font-family: Arial"> </span><span lang="AR-SA" style="font-family: Arial">
     ) .</span></font></b></td> </tr> </table> </div> </td> <td width="1%">&nbsp;</td> </tr> <tr> <td width="1%">&nbsp;</td> <td width="83%" colspan="5"> &nbsp;</td> <td width="1%">&nbsp;</td> </tr> </table>