Arabic jQuery slideToggle جيكواري

arabic jquery slidetoggle جيكواري

Arabic jQuery slideToggle
طريقة اظهار واخفاء العنصر وما يحتوية على شكل سلايد متزحلف عند النقر على احد الروابط بأستخدام بعض اكواد جيكواري اسلوب متبع في اغلب المواقع لتوفير المساحة المستخدمة وجعل محتوى الموقع انيق وان هذة الاضافة تعد من الاضافات الجميلة والتي هي ليس بمعقدة من ناحية كتابة الكود

Download Now

طريقة اظهار و اخفاء العنصر مع جيكواري

........Any paragraph View..........

.....................Any paragraph hide ..........
 
*{
	margin: 0;
	padding: 0;
}

body{
	max-width:800px;
	font: 16px;
	line-height: 24px;
	font-weight: 700;
	margin: 50px auto 0;
	background: #f2e0bd;
	color: #594c4c;
	text-align:right;
}
h1{
	text-align:center;
	padding-top: 20px;
	margin-bottom:50px;
}

div {
	margin-bottom:25px;
	background: #bfaa8f;
	border-radius:10px;
	padding: 10px;
}

.hide { 
	display: none; 
}

a{
	text-decoration:none;
	display:block;
	background: #8c786c;
	color: #bfaa8f;
	padding: 5px 15px;
	text-align:center;
	font-size: 24px;
	border-radius:10px;
	margin-top: 25px;
}

a:hover{
	background: #594c4c;
	color: #bfaa8f;
}
	


    
 
  • jQuery
  • arabic jquery