هاك تقليص صفحة الأندكس باستخدام jquery

[abou hayan]

?????? ?????
??? ?????: ??? ????? ???? ??????? ???????? jquery ?? ?????? ?? ?????? ?? ?????? ?? ???? ?????? (??? -----> ????? ??????? )
??? ??????????? ?????????? ???????
??? ?????: ???? ??? ????? ??? ????? ????? ?????? ?????? ?? ????????? ????? ??????? ?????????
???? ??? ????? ?????? collapse ???? ??????? ???? ?? ???? ????? ?????? ???? ?? ???? ????? ?? ????????? ??? ??????? ????? ??????? ????? ?? ????? ??? ????????? ?????? ??? ??? ?????. ????? ???? ????? ??????? ??? ?? ??? ?????? ??????? ????? ??????? ?????? ????? ?? ???? ?? ????? ??????? ??? ??????? ??? ????..
????? ?????: ??? ???? http://www.hijaj.net/bb
???? ???????? ??????: Ryan Stemkoski
http://www.stemkoski.com/stupid-simple- ... dion-menu/

?????? ????? ??????: http://www.hijaj.net/bb

????? ????? ??? ????: http://s244.photobucket.com/albums/gg21 ... 174701.mp4

???:

???? prosilver/template/overall_header.html
???? ??

كود: تحديد الكل

</head>

???? ????:

كود: تحديد الكل

<script type="text/javascript" src="{T_TEMPLATE_PATH}/js/jquery.js"></script>
		<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/stupidaccordion.css" />
<script type="text/javascript" src="{T_TEMPLATE_PATH}/js/stupidacordion.js"></script>

??????: ??? ??? ????? ?????? ?? ??? ?? ?????? ???? ??? jquery
??? ???? ????? ?????

كود: تحديد الكل

<script type="text/javascript" src="{T_TEMPLATE_PATH}/js/jquery.js">

???? prosilver/template/forumlist_body.html
???? ??

كود: تحديد الكل

	<ul class="topiclist">
				

??????? ?

كود: تحديد الكل

<ul  class="topiclist  <!-- IF S_COLLAPSE_ENABLED -->accordionButton<!-- ENDIF -->" >

???? ??

كود: تحديد الكل

<ul class="topiclist forums">

??????? ?

كود: تحديد الكل

<ul  class="topiclist  <!-- IF S_COLLAPSE_ENABLED -->accordionButton<!-- ENDIF -->" >

???? ??:

كود: تحديد الكل

						<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>

??????? ?:

كود: تحديد الكل

						<dt><!-- IF forumrow.S_IS_CAT --><!-- IF S_COLLAPSE_ENABLED -->{forumrow.FORUM_NAME}<a href="#accordion">  ({L_FORUM_SHOW})</a><!-- ELSE --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ENDIF --><!-- ELSE --><!-- IF S_COLLAPSE_ENABLED -->{L_FORUM}<a href="#accordion">({L_FORUM_SHOW})</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --><!-- ENDIF --></dt>

???? index_body.html

كود: تحديد الكل

	<!-- IF not S_IS_BOT and U_MARK_FORUMS --><li class="rightside"><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li><!-- ENDIF -->
</ul>
<!-- ENDIF -->

???? ????:

كود: تحديد الكل

<a name="accordion"></a>

???? language/ar/common.php
???? ??:

كود: تحديد الكل

'FORUM'	=>

???? ????:

كود: تحديد الكل

	'FORUM_SHOW'	=> '???? ??? ????/????? ??????? ??? ???????',

???? includes/function.php ---------
???? ?? --------------

كود: تحديد الكل

		'S_BOARD_DISABLED'		=> ($config['board_disable']) ? true : false,

--------------- ???? ???? -------------------
//

كود: تحديد الكل

Collapse index page BEGIN
		'S_COLLAPSE_ENABLED'		=> ($config['enable_collapse']) ? true : false,
	//Collapse index page  END

???? includes/acp/acp_board.php-------
???? ?? -------------------

كود: تحديد الكل

						'allow_birthdays'		=> array('lang' => 'ALLOW_BIRTHDAYS',		'validate' => 'bool',	'type' => 'radio:yes_no', 'explain' => true),

???? ???? ----------------------

كود: تحديد الكل

//Collapse index page BEGIN
						'enable_collapse'		=> array('lang' => 'ENABLE_COLLAPSE',		'validate' => 'bool',	'type' => 'radio:yes_no', 'explain' => true),
					//Collapse index page  END

???? language/ar/acp/board.php---------
???? ?? --------------------

كود: تحديد الكل

	'BOARD_PM_EXPLAIN'	=> '????? ?? ????? ??????? ?????? ??? ??????????',

--------------------- ???? ???? ---------------

كود: تحديد الكل

//Collapse index page BEGIN
	'ENABLE_COLLAPSE'			=> '??? ???? ???????',
	'ENABLE_COLLAPSE_EXPLAIN'		=> '????? ?? ????? ????? ????????? ??? ??????? ?? ???? ???????',
//Collapse index page  END

????? ???? ???? ??????? ??????? ??? ????????