выпадающий в рассказе

вопрос

hi friends, i search for support to add a dropdown script that show the full-story or something else if i click on the download front view

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

привет друзья, я ищу поддержку, чтобы добавить выпадающий список, который показывает полный рассказ или что-то еще, если я нажимаю на заголовок (блок).

Пример

Main.tpl

<table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="1" cellpadding="0" class="gTable">
<tr>
<td class="gTableTop" colspan="5">
<div style="float:right" class="gTopCornerRight"></div>
    <div class="catLink">New added Downloads</div>
</td>
</tr>

    <tr><td colspan="5" class="gTableSubTop">Apps . <a href=""><span color="green">Windows</span></a></td></tr>    
             {custom category="1" template="shortstory-1" aviable="main" from="0" limit="10" cache="no"}
    <tr><td colspan="5" class="gTableSubTop">Apps . <a href=""><span color="green">Linux</span></a></td></tr>    
             {custom category="2" template="shortstory-1" aviable="main" from="0" limit="10" cache="no"}
    <tr><td colspan="5" class="gTableSubTop">Apps . <a href=""><span color="green">Apple</span></a></td></tr>    
             {custom category="3" template="shortstory-1" aviable="main" from="0" limit="10" cache="no"}
    <tr><td colspan="5" class="gTableSubTop">Filme . <a href=""><span color="green">x264</span></a></td></tr>    
             {custom category="4" template="shortstory-1" aviable="main" from="0" limit="10" cache="no"}
    <tr><td colspan="5" class="gTableSubTop">Filme . <a href=""><span color="green">720p</span></a></td></tr>    
             {custom category="5" template="shortstory-1" aviable="main" from="0" limit="10" cache="no"}
    <tr><td colspan="5" class="gTableSubTop">Filme . <a href=""><span color="green">1080p</span></a></td></tr>    
             {custom category="6" template="shortstory-1" aviable="main" from="0" limit="10" cache="no"}
    <tr><td colspan="5" class="gTableSubTop">Filme . <a href=""><span color="green">DVD-R</span></a></td></tr>    
             {custom category="7" template="shortstory-1" aviable="main" from="0" limit="10" cache="no"}
    <tr><td colspan="5" class="gTableSubTop">Serien . <a href=""><span color="green">x264</span></a></td></tr>    
             {custom category="8" template="shortstory-1" aviable="main" from="0" limit="10" cache="no"}
</table>

Shortstory-1.tpl

<tr>
<td class="forumNameTd">
<div align="left" style="padding:0 0 0 0;">
<a class="forum2" href="{full-link}">{date=d.m.Y}</a>
<div class="forumDescr">{date=H:i} </div>
</div>
</td>
  
<td class="forumIcoTd" align="center"><a class="thumbnail" href="{full-link}"><img src="[xfvalue_poster]"   style="width:27px;height:27px;margin-left:3px;margin-right:3px;margin-top:3px;border:1px solid #2a2a2a;border-radius:2px;"/><span><img src="[xfvalue_poster]" alt="{title}" height="150px" width="112px"/></span></a></td>
       
<td class="forumNameTd">
<a class="forum2" href="{full-link}" style="border-bottom: 1px dashed #757575;">{title}</a>
&nbsp;{include file="engine/modules/statnew.php?datenews={date=Ymd}"}
<div class="forumDescr">[xfvalue_release limit="75"]</div>
</td>    
    
<td class="forumThreadTd">
<div align="left" style="padding:0 0 0 7px;">
<a class="forum2" href="{full-link}">Blu-ray</a>
<div class="forumDescr">DTS</div>
</div>
</td>

<td class="forumPostTd">
<div align="left" style="padding:0 0 0 7px;">
<a class="forum2" href="{full-link}">WOMBAT</a>
<div class="forumDescr">1400 MB</div>
</div></td>
</tr>

Style.css

.gTable {background:#D7D7D7;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);}
.gTableTop {padding:0px 10px;background:url("http://www11.pic-upload.de/27.08.14/611ouco75g22.png") repeat-x scroll 0 0 #EDEDED;width:100%; height:30px;font-size:14px; color: #525252;font-weight:bold;}
td.gTableTop a:hover { color: #81B151; }

td.gTableSubTop, td.postTdTop, td.gTableLeft, td.gTableRight {background:#efefef;color:#464646;padding:4px 10px 5px 10px;}
td.gTableSubTop a, td.postTdTop a {color:#81B151;font-weight:bold;font-style: italic;}
td.gTableSubTop {font-weight:bold;font-style: italic;}

.gTableSubTop2 {padding:2px 5px;background:#efefef;color:#8e8e8e;height:20px;font-size:9pt;}
.gTableSubTop2 a:link,.gTableSubTop2 a:visited,.gTableSubTop2 a:active {text-decoration:none;color:#8e8e8e;}
.gTableSubTop2 a:hover {text-decoration:underline;color:#8e8e8e;}

td.gTableRight {background:#ffffff;}
td.forumIcoTd, td.forumThreadTd, td.forumPostTd, td.gTableRight, td.gTableBody1 {background:rgb(250, 250, 250);height:40px;}

td.forumNameTd {background: rgb(250, 250, 250);height:31px;padding:3px 10px;}
td.forumNameTd:hover {background:#ffffff;}

td.forumLastPostTd {background:url(http://www11.pic-upload.de/27.08.14/jqhmjyb5wdx.png)repeat-x #ffffff;height:31px;padding:3px 3px;font-size:9px;}
td.forumLastPostTd:hover {background:#ffffff;}
td.threadsDetails, td.forumOnlineBar {background:#ffffff;padding:4px 10px 5px 10px;}
.forumBar {margin:0 3px;}
#frmButns83 { padding-right: 10px; }
.legendBlock, .userRights { display: none; }
td.threadsType {background:#f3f3f3; padding:4px 7px;}

table.gTable tr:hover td.forumLastPostTd,table.gTable tr:hover td.forumIcoTd,table.gTable tr:hover td.threadIcoTd,table.gTable tr:hover td.forumNameTd,table.gTable tr:hover td.threadNametd,table.gTable tr:hover td.forumPostTd,table.gTable tr:hover td.threadPostTd,table.gTable tr:hover td.threadViewTd,table.gTable tr:hover td.threadAuthTd,table.gTable tr:hover td.forumThreadTd,table.gTable tr:hover td.threadLastPostTd,table.gTable tr:hover td.forumLastPostTd {background:#fff;}

a.lastPostUserLink:link, a.lastPostUserLink:active, a.lastPostUserLink:visited {color:#464646;}
a.catLink:link, a.catLink:active, a.catLink:visited {color:#464646;}
a.forum:link, a.forum:active, a.forum:visited {color:#464646;}
a.forum:hover {color:#677588;}
a.threadLink:link, a.threadLink:visited, a.threadLink:active {color:#464646;}
a.threadAuthorLink:link, a.threadAuthorLink:visited, a.threadAuthorLink:active {color:#464646;}
a.topSortLink:link, a.topSortLink:visited, a.topSortLink:active {color:#898989;}
.forumNamesBar { padding-left: 10px; }
#forum_filter { line-height: 19px; }

.forumDescr {color:#898989;}
.forumModer {font:10px Arial;color:#898989;}
td.threadIcoTd, td.threadPostTd, td.threadViewTd, td.threadAuthTd {background:#ebebeb;}
td.threadNametd {background:#ebebeb;padding:10px 10px;}
td.threadLastPostTd {background:#ebebeb;padding:8px 10px;}
.threadDescr {font: 10px Arial; color: #a1a1a1;}
.postTable {background:#dcdbe0; }
.postPoll td {border: 0px !important;}
.postSeparator {display: none;}
.postUser {font-size: 12px; font-weight: bold;}
.codeMessage {font-family: monospace;}
.quoteMessage {font-style: italic;}
.smilesPart td {border: 0px !important;}
.funcLink {font: bold 11px Tahoma;color: #595959;}

Ответа пока нет

<tr class="hq_item">
<td class="forumNameTd">
<div align="left" style="padding:0 0 0 0;">
<a class="forum2" href="{full-link}">{date=d.m.Y}</a>
<div class="forumDescr">{date=H:i} </div>
</div>
</td>

<td class="forumIcoTd" align="center"><a class="thumbnail" href="{full-link}"><img src="[xfvalue_poster]" style="width:27px;height:27px;margin-left:3px;margin-right:3px;margin-top:3px;border:1px solid #2a2a2a;border-radius:2px;"/><span><img src="[xfvalue_poster]" alt="{title}" height="150px" width="112px"/></span></a></td>

<td class="forumNameTd">
<a class="forum2" href="{full-link}" style="border-bottom: 1px dashed #757575;">{title}</a>
{include file="engine/modules/statnew.php?datenews={date=Ymd}"}
<div class="forumDescr">[xfvalue_release limit="75"]</div>
</td>

<td class="forumThreadTd">
<div align="left" style="padding:0 0 0 7px;">
<a class="forum2" href="{full-link}">Blu-ray</a>
<div class="forumDescr">DTS</div>
</div>
</td>

<td class="forumPostTd">
<div align="left" style="padding:0 0 0 7px;">
<a class="forum2" href="{full-link}">WOMBAT</a>
<div class="forumDescr">1400 MB</div>
</div></td>
</tr>

<tr class="desc"><td colspan="5" class="gTableSubTop">{short-story}</td></tr>

5 комментариев

Юзер

1599

FastFud - 2015-03-1428 августа 2014 03:18 - #34573

shortstory.tpl

Показать / Скрыть текст

теперь в какой-то js файл подключенный к шаблону в самом конце пишите:

$(function(){
$('.hq_item').each(function(){
var $desc = $(this).find('.desc');
$(this).toggle(function(){
    $desc.slideDown();
}, function(){
    $desc.slideUp();
});
});    
});

И уже не забудьте в css добавить

.desc {display: none; и уже дальше ваши стили}

beta - 2015-03-1428 августа 2014 16:10 - #34586

Я слишком глуп, чтобы настроить вид в том числе

.desc {display: none;} ?

feniks81 - 2015-03-1428 августа 2014 19:24 - #34595

1)Add to layout.css
.desc {display: none;}

2)any JS in your template (Edit template through the admin) - add code

$(function(){
$('.hq_item').each(function(){
var $desc = $(this).find('.desc');
$(this).toggle(function(){
$desc.slideDown();
}, function(){
$desc.slideUp();
});
});
});