استخدام الوسوم UL و LI في صنع TAB

أخي الكريم

قم باستخدام panle

في اضهار واخفاء ما تريد

تحياتي

أريد استخدام HTML TAG

استخدم جافاسكربت

الطريقة التالية ليست مرنة لكنها تفي بالغرض إن كان عدد عناصر القائمة محدود وثابت تقريباً.

<style>
#content, #xxx { display: none }
</style>

<script>
function show(obj)
{
	if (obj == 'content')
	{
		document.getElementById('content').style.display = 'block';
		document.getElementById('xxx').style.display = 'none';
	} else {
		document.getElementById('xxx').style.display = 'block';
		document.getElementById('content').style.display = 'none';
	}
}
</script>
<div id="boundary" >
        <ul id="nav">

                <li><a href="#" rel="content" onClick="show(this.rel)">كلمة المشرف 

العام</a></li>
                <li><a href="#" rel="xxx" onClick="show(this.rel)">اتصل بالمشرف 

العام</a></li>

        </ul>


<div id="content">1</div>
<div id="xxx">2</div>

</div>

جزاك الله خير أستاذ ( Xacker) .. تمت ..