Jump to content

Проблема с меню в шаблоне


Recommended Posts

Вообщем тестирую шаблон и вот такая вот проблемка

Меню с лева,

Нажимаешь на Программы, разворачивается доп.меню, так же должно быть когда нажимаешь на FAQ, но ничего не происходит, плиз подскажите как сделать чтоб и то и то открывалось

 

Ссыль на сайт

 

 

<div class="header"></div>
<div class="main_panel">
<div class="sidebar">
<a href="/index.php?do=login"><img src="{THEME}/images/reg_log.png" alt="Регистрация/авторизация"></a>
<ul class="menu">
<a href='#' class='none'><li><img src='{THEME}/images/icons/game.png'>Игры</li></a>
   <a href='#' class='none'><li><img src='{THEME}/images/icons/films.png'>Фильмы</li></a>
<a href='#' class='none'><li><img src='{THEME}/images/icons/music.png'>Музыка</li></a>
                <a class='none' style='cursor:pointer;' id="view_faq"><li class='faq_title'><img src='{THEME}/images/icons/programs.png'>Программы</li></a>
                <div style='height:200px;background:url(../images/bg_shadow.png) repeat-y right;display:none;color: #95979B;font-size: 13px;padding-top: 14px;padding-left: 16px;' id="faq_more">
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
</div>
<a href='#' class='none'><li><img src='{THEME}/images/icons/other.png'>Другое</li></a>
<a class='none' style='cursor:pointer;' id="view_faq"><li class='faq_title'><img src='{THEME}/images/icons/faq.png'>FAQ</li></a>
<div style='height:200px;background:url(../images/bg_shadow.png) repeat-y right;display:none;color: #95979B;font-size: 13px;padding-top: 14px;padding-left: 16px;' id="faq_more">
<a href="#">Как создать аккаунт?</a><br>
<a href="#">Как восстановить пароль?</a><br>
<a href="#">Как установить аватар?</a><br><br>
<a href="#">Как добавить пост?</a><br>
<a href="#">Как создать аккаунт?</a><br>
<a href="#">Правила публикации</a><br>
<a href="#">Добавления коментариев</a><br>
</div>
</ul>
</div>
Link to post
Share on other sites

Скопируй "Программы" и переименуй ID, допиши ID в этом скрипте http://probest-film.16mb.com/templates/UniverseGa/js/script.js

$(document).ready(function(){
	$(".downloader").fadeOut("fast");
	$(".bg_downloader").fadeOut("fast");
	$("#view_faq").click(function(){
		$("#faq_more").slideToggle("200");
	});
});

и всё.

 

НЕ ПРОВЕРЯЛ!

 

Меню:

<div class="header"></div>
<div class="main_panel">
<div class="sidebar">
<a href="/index.php?do=login"><img src="{THEME}/images/reg_log.png" alt="Регистрация/авторизация"></a>
<ul class="menu">
<a href='#' class='none'><li><img src='{THEME}/images/icons/game.png'>Игры</li></a>
   <a href='#' class='none'><li><img src='{THEME}/images/icons/films.png'>Фильмы</li></a>
<a href='#' class='none'><li><img src='{THEME}/images/icons/music.png'>Музыка</li></a>
                <a class='none' style='cursor:pointer;' id="view_faq"><li class='faq_title'><img src='{THEME}/images/icons/programs.png'>Программы</li></a>
                <div style='height:200px;background:url(../images/bg_shadow.png) repeat-y right;display:none;color: #95979B;font-size: 13px;padding-top: 14px;padding-left: 16px;' id="faq_more">
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
</div>
<a href='#' class='none'><li><img src='{THEME}/images/icons/other.png'>Другое</li></a>
<a class='none' style='cursor:pointer;' id="view_faq1"><li class='faq_title'><img src='{THEME}/images/icons/faq.png'>FAQ</li></a>
<div style='height:200px;background:url(../images/bg_shadow.png) repeat-y right;display:none;color: #95979B;font-size: 13px;padding-top: 14px;padding-left: 16px;' id="faq_more1">
<a href="#">Как создать аккаунт?</a><br>
<a href="#">Как восстановить пароль?</a><br>
<a href="#">Как установить аватар?</a><br><br>
<a href="#">Как добавить пост?</a><br>
<a href="#">Как создать аккаунт?</a><br>
<a href="#">Правила публикации</a><br>
<a href="#">Добавления коментариев</a><br>
</div>
</ul>
</div>

Скрипт http://probest-film.16mb.com/templates/UniverseGa/js/script.js

$(document).ready(function(){
	$(".downloader").fadeOut("fast");
	$(".bg_downloader").fadeOut("fast");
	$("#view_faq").click(function(){
		$("#faq_more").slideToggle("200");
	$("#view_faq1").click(function(){
		$("#faq_more1").slideToggle("200");
	});
});
Link to post
Share on other sites
$(document).ready(function(){
	$(".downloader").fadeOut("fast");
	$(".bg_downloader").fadeOut("fast");
	$("#view_faq").click(function(){
		$("#faq_more").slideToggle("200");
	});
	$("#view_faq1").click(function(){
		$("#faq_more1").slideToggle("200");
	});
});

попробуй

Link to post
Share on other sites

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
{headers}
<link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/libs.js"></script>
<script type="text/javascript" src="{THEME}/js/scripts.js"></script>
<script src="{THEME}/js/prefixfree.min.js"></script>
<script src="{THEME}/js/jquery-1.9.1.min.js"></script>
<script src="{THEME}/js/script.js"></script>
    <!-- bbcodes -->
    <link media="screen" href="{THEME}/style/bbcodes.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/tooltip.js"></script>
    <!-- bbcodes -->
{include file="mini-profile.tpl"} 
</head>
<body>
<div class="bg_downloader"></div>
<div class="downloader">Загрузка...</div>
 
<div class="header"></div>
<div class="main_panel">
<div class="sidebar">
<a href="/index.php?do=login"><img src="{THEME}/images/reg_log.png" alt="Регистрация/авторизация"></a>
<ul class="menu">
<a href='#' class='none'><li><img src='{THEME}/images/icons/game.png'>Игры</li></a>
<a href='#' class='none'><li><img src='{THEME}/images/icons/films.png'>Фильмы</li></a>
<a href='#' class='none'><li><img src='{THEME}/images/icons/music.png'>Музыка</li></a>
<a class='none' style='cursor:pointer;' id="view_faq"><li class='faq_title'><img src='{THEME}/images/icons/programs.png'>Программы</li></a>
<div style='height:200px;background:url(../images/bg_shadow.png) repeat-y right;display:none;color: #95979B;font-size: 13px;padding-top: 14px;padding-left: 16px;' id="faq_more">
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
<a href="#">Пуст</a><br>
</div>
<a href='#' class='none'><li><img src='{THEME}/images/icons/other.png'>Другое</li></a>
<a class='none' style='cursor:pointer;' id="view_faq1"><li class='faq_title'><img src='{THEME}/images/icons/faq.png'>FAQ</li></a>
<div style='height:200px;background:url(../images/bg_shadow.png) repeat-y right;display:none;color: #95979B;font-size: 13px;padding-top: 14px;padding-left: 16px;' id="faq_more1">
<a href="#">Как создать аккаунт?</a><br>
<a href="#">Как восстановить пароль?</a><br>
<a href="#">Как установить аватар?</a><br><br>
<a href="#">Как добавить пост?</a><br>
<a href="#">Как создать аккаунт?</a><br>
<a href="#">Правила публикации</a><br>
<a href="#">Добавления коментариев</a><br>
</div>
</ul>
</div>
 
<div class="content">
<div class="header_cont" style='height:100px;'>
<span style='margin-left:20px;font-size:18px;line-height:100px;'>Игра: Watch</span>
<div class="info_block" style='margin-right:10px;'>
<span style='color:#777;font-weight:bolder;font-size:12px;margin-top:25px;display:block;'>Всего файлов</span>
<span style='color:#222;margin-left:8px;font-size:25px;'>68,589</span>
</div>
</div>
<img src="{THEME}/images/slide.jpg">
 
 
{info}
                        {content}
 
 
<div class="block_info">
<a href="" class='none'><span class="big_font_copy">О нас</span></a>
<a href="" class='none'><span class="big_font_copy">Авторское право</span></a>
<a href="" class='none'><span class="big_font_copy">Авторы и партнеры</span></a>
<a href="" class='none'><span class="big_font_copy">Реклама</span></a>
<a href="" class='none'><span class="big_font_copy">Разработчики</span></a>
<br>
<a href="" class="none"><span class="small_font_copy">Условия</span></a>
<a href="" class="none"><span class="small_font_copy">Отправить отзыв</span></a>
<a href="" class="none"><span class="small_font_copy">Новые функции!</span></a>
<a href="" class="none"><span class="small_font_copy">© 2013 Universe-Game</span></a>
</div>
</div>
</div>
 
 
</body>
</html>

 

Link to post
Share on other sites
Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...