قائمة متشعبة 2

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<ul>
<li id="foldheader">المجموعة الأولى</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.">رابط 1</a></li>
<li><a href="http://www.">رابط 2</a></li>
<li><a href="http://www.">رابط 3</a></li>
</ul>

<li id="foldheader">المجموعة الثانية</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.">رابط 1</a></li>
<li><a href="http://www.">رابط 2</a></li>
<li><a href="http://www.">رابط 3</a></li>
</ul>

<li id="foldheader">المجموعة الثالثة</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.">رابط 1</a></li>
<li><a href="http://www.">رابط 2</a></li>
<li id="foldheader">مجموعة فرعية</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.">رابط  1</a></li>
<li><a href="http://www.">رابط  2</a></li>
</ul>
<li><a href="http://www.">رابط  3</a></li>
<li><a href="http://www.">رابط  4</a></li>
</ul>
</ul>

if (get_cookie(window.location.pathname) != ''){
var openresults=get_cookie(window.location.pathname).split(" ")
for (i=0 ; i < openresults.length ; i++){
foldinglist[openresults[i]].style.display=''
document.all[foldinglist[openresults[i]].sourceIndex -
1].style.listStyleImage="url(open.gif)"
}
}

if (document.all){
var nodelength=foldinglist.length-1
var nodes=new Array(nodelength)
var openones=''
}

function check(){
for (i=0 ; i <= nodelength ; i++){
if (foldinglist[i].style.display=='')
openones=openones + " " + i
}
document.cookie=window.location.pathname+"="+openones
}

if (document.all)
document.body.onunload=check
//-->
</script>

3- اذا أردت أن تظهر صورة السهم اضغط عليها باليمين ثم حفظ باسم و ارفعها الى مجلد صفحتك
الصورة الأولى

قائمة متشعبة 2

قائمة-متشعبة-2-java-script