И так,активно использую этот форум,решил поделиться полезной модификацией.
Автор: Я
После данных изменений, наши подкатегории станут сворачиваться.
В блоках, вставляем в блок категорий этот код
<div id='category_list' class='general_box clearfix'>
<h3>Категории <a href='{$this->_database_url}?view=categories' class='right'>Все →</a></h3>
<ul class="menu">
<if test="is_array( $this->_categories ) && count( $this->_categories )"><foreach loop="$this->_categories[0] as $r">
<li>
<a href='{$this->registry->ccsFunctions->returnDatabaseUrl( $r['category_database_id'], $r['category_id'] )}'>{$r['category_name']}</a>
<if test="count( $this->_categories[ $r['category_id'] ] )">
<ul class="subnav"> <foreach loop="$this->_categories[ $r['category_id'] ] as $sub">
<li>
<a href='{$this->registry->ccsFunctions->returnDatabaseUrl( $sub['category_database_id'], $sub['category_id'] )}'><img src='http://ipbskins.ru/forum/public/style_images/ipbskins/bullet.png' alt='>' /> {$sub['category_name']}</a>
</li>
</foreach></ul>
</if>
</li>
</foreach></if>
</ul>
</div>
В <head></head> (если работает IPBWRAPPER):
Перед :
<script type='text/javascript'> Loader.boot(); </script>
Вставляем:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="http://ipbskins.ru/forum/public/style_images/ipbskins/_http://ipbskins.ru/forum/public/js/jquery-1.4.2.min.js"><\/script>')</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
$(document).ready(function(){
$("ul.menu li a").mouseover(function() {
$(this).parent().find("ul.subnav").slideDown('fast').show();
$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow');
});
});
});
});
</script>
Ну и в CSS вставляем:
ul.menu li {
position: relative;
}
ul.menu li ul.subnav {
display: none;
}
Загрузить: jquery-1.4.2.min_.rar
На здоровье!
Recommended Comments