هل من الممكن عمل قوائم في صفحتى مثل الذي الصورة المرفقة؟؟

وعليكم السلام

يمكنك استعمال أحدى الإضافات الخاصة بالjQuery لعمل مثل هذه الخاصية. راجع هذا الموضوع للأمثلة:

http://www.misfitgeek.com/2011/03/jquery-accordion-container-choices/

khr2003 كتب:

وعليكم السلام

يمكنك استعمال أحدى الإضافات الخاصة بالjQuery لعمل مثل هذه الخاصية. راجع هذا الموضوع للأمثلة:

http://www.misfitgeek.com/2011/03/jquery-accordion-container-choices/

------------------------------------------------------------------------------------------------------------------------------------------------

استاذي العزيز

السلام عليكم ورحمة وبركاتة

هل من الممكن مثال على ذلك ؟؟

والله يحفظكم ويجعل ذلك في موازين حسناتكم

ولكم مني فائق الاحترام

الصفحة بها 20 سكربتاً خاصاً بما تطلبه، ولكل منها مثال خاص ورابطه موجود في الصفحة نفسها.

هذا أحدها (وهو قريب مما تطلبه): http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html

وهذا الأخر: http://www.i-marco.nl/weblog/jquery-accordion-3/#

يمكن استعمال Google Translate لترجمة الصفحات

khr2003 كتب:

الصفحة بها 20 سكربتاً خاصاً بما تطلبه، ولكل منها مثال خاص ورابطه موجود في الصفحة نفسها.

هذا أحدها (وهو قريب مما تطلبه): http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html

وهذا الأخر: http://www.i-marco.nl/weblog/jquery-accordion-3/#

يمكن استعمال Google Translate لترجمة الصفحات

-------------------------------------------------------------------------------------------------------------------------------------

استاذي العزيز حفظك الله

المشكلة اني اريد تغير خلفية القوائم كما هوا في الصوره وحاولت ولم استطيع ذلك

لذا نامل من الله ثم منكم المساعدة والله يحفظكم ويرعاكم

rw.rar

هل عندك أي خلفية بالـ Html أو الـ CSS أو الـ JS؟

khr2003 كتب:

هل عندك أي خلفية بالـ Html أو الـ CSS أو الـ JS؟

----------------------------------------------------------------------------------------------------------

ممكن لون ابيض؟

في الملف index.html

.menu_head { 
	padding: 5px 10px; 
	cursor: pointer; 
	position: relative; 
	margin:1px; 
	font-weight:bold; 
	background: #eef4d3 url(left.png) center right no-repeat; 
}

لتغيير اللون الى الابيض او اي لون آخر

استبدل القيمة eef4d3 ليصبح

	background: #fff url(left.png) center right no-repeat; 
	// أو
	background: white url(left.png) center right no-repeat;

استاذي العزيز

السلام عليكم وربركاتة

هناك نقطة هامه واريد منك المساعدة إذا سمحت لي استاذي

اريد إزلة هذا الرابط كما هو موضح في الصورة

والله يحفظكم ويرعاكم ولكم مني فائق الاحترام والتقدير

--------------------------------------------------------------------------------------------------------------------------------------------

quote name='choclatboy' date='18/02/2012 - 11:44 PM' timestamp='1329597855' post='1265509']

في الملف index.html

.menu_head { 
	padding: 5px 10px; 
	cursor: pointer; 
	position: relative; 
	margin:1px; 
	font-weight:bold; 
	background: #eef4d3 url(left.png) center right no-repeat; 
}

لتغيير اللون الى الابيض او اي لون آخر

استبدل القيمة eef4d3 ليصبح

	background: #fff url(left.png) center right no-repeat; 
	// أو
	background: white url(left.png) center right no-repeat;

تفضل اخي هذا مثال على حسب ما طلبت سويته بال jQuery

ملاحظة اكواد CSS ممكن تستغني عنها ما عدا display:none لازم تكون على #myList li div

<html>
	<head>

		<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
		<script>
			$(document).ready(function()
			{
				$("#myList li").click(function()
				{
					$("#myList li div").hide();
					$(this).children().fadeIn(300);

				});
			})
		</script>

		<style type="text/css">
			#myList li div
			{
				margin:0px 0px 0px 30px;
				display:none;
			}
			#myList
			{
				list-style:square;
			}
			#myList li:hover
			{
				cursor:pointer;
			}
		</style>
	</head>

	<body>
		<ul id="myList">
			<li>list 1
				<div>
					Text Text Text Text Text Text Text Text Text Text Text Text 1
				</div>
			</li>
			<li>list 2
				<div>
					Text Text Text Text Text Text Text Text Text Text Text Text 2 <br />
					fsdfsfdsfsd
				</div>
			</li>
			<li>list 3
				<div>
					Text Text Text Text Text Text Text Text Text Text Text Text 3
				</div>
			</li>
		</ul>
	</body>

</html>

استاذي العزيز

السلام عليكم وبركاتة

في الاوال احب ان اقدم لك جزيل الشكر والتقدير

استاذي انا اريد اعمل مثل هذا الذي الصوره

صور ازيد والناقص مرفقة مع المشاركة نامل الاطلاع عليها

والله يحفظكم ويجع الجنة داركم الاخير ان شاء الله

---------------------------------------------------------------------------------------------------

M.B.O كتب:

تفضل اخي هذا مثال على حسب ما طلبت سويته بال jQuery

ملاحظة اكواد CSS ممكن تستغني عنها ما عدا display:none لازم تكون على contant

<html>
	<head>

		<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
		<script>
			$(document).ready(function()
			{
				$("#myList li").click(function()
				{
					$("#myList li div").hide();
	                        	$(this).children().fadeIn(300);

				});
			})
		</script>

		<style type="text/css">
			#contant
			{
				margin:0px 0px 0px 30px;
				display:none;
			}
			#myList
			{
				list-style:square;
			}
			#myList li:hover
			{
				cursor:pointer;
			}
		</style>
	</head>

	<body>
		<ul id="myList">
			<li>list 1
				<div id="contant">
					Text Text Text Text Text Text Text Text Text Text Text Text 1
				</div>
			</li>
			<li>list 2
				<div id="contant">
					Text Text Text Text Text Text Text Text Text Text Text Text 2
				</div>
			</li>
			<li>list 3
				<div id="contant">
					Text Text Text Text Text Text Text Text Text Text Text Text 3
				</div>
			</li>
		</ul>
	</body>

</html>

مجلد جديد.rar