$(document).ready(function() {   
       
 var table1 = $('.blok-koment');
 var table2 = $('.blok-koment-hidden');
 
 table1.click(function(){  
    $(this).css('display','none');
    $(table2).css('display','block');
 });
 
 table2.click(function(){   
     $(this).css('display','none');
     $(table1).css('display','block');  
 });
 });

<div class="blok-koment">
             <div id="blok-koment-icon"></div>
                <div class="blok-koment-text">
                    <font color="#4B8194"><b>DiDfree</b> написал мнение к треку:</font><br />
                    <font color="#992849">Dragonette - Pick Up The Phone (RoughMath Remix)</font>
                </div>
        </div>
        
        <div class="blok-koment-hidden" style="display: none;">     
            <div class="blok-koment-text-hidden">
                Спасибо, хороший трек!
            </div>
            <span style="float: right; margin-top: 6px; margin-right: 4px; color:#4B8194; font-weight: bold;">перейти</span>
        </div>

.video_image {
    width: 210px;
    height: 125px;
    overflow: hidden;
    position: relative;
    border: 1px solid #777;
    }

.video_image:hover { 
    border: 1px solid #dcdcdc;    
}

.video_image img {
    width: 210px;
}
            
.video_title {
    padding: 5px 5px 10px 5px;
}
        
.video_title a {
    color: #cfcfcf;
    font-size: 13px;
        font-weight: bold;
}
        
.video_title a:hover {
    color: #fff;
}
            
.video_title h2 {
    padding: 0 0 5px 0;    
}
            
.video_title h2 a {
    color: #474646 !important;
    text-decoration: none;
}
        
.video_title h2 a:hover {
    color: #fff !important;
}

<div class="video_image">
[full-link][xfgiven_image]<img src="[xfvalue_image]" alt="{title}" />[/xfgiven_image][/full-link]
</div>

<div class="video_title">
<h2>[full-link]{title}[/full-link]</h2>
</div>

cookie = {
    set: function (c, d, b) {
        if (b) {
            var a = new Date;
            a.setTime(a.getTime() + b * 24 * 60 * 60 * 1E3);
            b = "; expires=" + a.toGMTString()
        } else b = "";
        document.cookie = c + "=" + d + b + "; path=/"
    },
    get: function (c) {
        c = c + "=";
        for (var d = document.cookie.split(";"), b = 0; b < d.length; b++) {
            for (var a = d[b]; a.charAt(0) == " ";) a = a.substring(1, a.length);
            if (a.indexOf(c) == 0) return a.substring(c.length, a.length)
        }
        return null
    },
    del: function (c) {
        cookie.set(c, "", -1)
    }
};
 
$('.bclick').click(function () {
    $(this).attr('class') == 'bclick bclose' ? $(this).attr('class', 'bclick bopen') : $(this).attr('class', 'bclick bclose');

    $('#' + $(this).attr('rel')).toggle();
    cookie.set($(this).attr('rel'), $('#' + $(this).attr('rel') + ':hidden').length ? 1 : 0, 365);
});

var hblocks;
$(document).ready(function () {
    $('.bcontent').each(function () {
        hblocks = cookie.get($(this).attr('id'));
        $('.bclick[rel="' + $(this).attr('id') + '"]').attr('class', hblocks == 1 ? 'bclick bopen': 'bclick bclose');
        hblocks == 1 ? $(this).hide() : '';
    });
});

<input type="text" id="track_1_number"/>
<input type="text" id="track_2_number"/>

<script type="text/javascript">
if (k==1) {document.write('<tr>')}
k = k+1;
if (k>2) k -= 2;
</script>
<td>
<table border="0" cellpadding="0" cellspacing="1" width="330" class="main"><tbody>
<tr>
<td valign="top" width="300" height="104">
<div style="padding-left:18px; padding-top:17px; padding-right:0px ">
<img src="[xfvalue_img]" alt="" align="center" style="margin-right:2px ">

    <h2 class="newsTitle">[full-link]{title}[/full-link][edit] <img src="{THEME}/dleimages/edit.png" style="vertical-align:middle;" class="editNews" title="Редактировать новость" alt="Редактировать новость" />[/edit]</h2>

    <ul class="newsInfo">
        [not-group=5]<li>{favorites}</li>[/not-group]
        <li>[day-news]{date}[/day-news] - <span>{author}</span></li>
        <li>Просмотров: {views}</li>
        <li>Комментариев: {comments-num}</li>
        <li><span>{link-category}</span></li>
    </ul>

<div style="padding-left:5px; padding-top:2px; padding-right:2px " class="main">{short-story}</div>

        [edit-date]<p class="editInfo">Новость отредактировал: <b>{editor}</b> - ({edit-date})
        [edit-reason]<br />Причина: {edit-reason}[/edit-reason]</p>[/edit-date]

        <ul class="newsActions">
            <li class="ratingBox">{rating}
            
            [tags]<b>Теги:</b> {tags}[/tags]</li>
            
            <li class="fullLink">[full-link]<span>СМОТРЕТЬ</span>[/full-link]</li>
        </ul>
</td>
</tr>
</tbody>
</table></td>
<script type="text/javascript">
if (k==3) document.write('</tr>');
</script>

<tr> 
            <td> 
                <a href="http://piples.ru/soft/security/43472-antivirusnye-bazy-dlya-eset-nod32-ot-10122011.html"> 
                <div title="Полная новость" class="poster"> 
                    <table> 
                        <tr> 
                            <td height="1px"> 
                                <div class="popuptitle">Антивирусные базы для ESET Nod32 от (10.12.2011)</div> 
                                <div class="popuptitlearr"></div> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td height="auto" class="catalogimage" style="background-image: url(http://piples.ru/uploads/posts/2011-12/1323622329_1309882142_nod32_base.jpg);"> 
                                &nbsp;
                            </td> 
                        </tr> 
                    </table> 
                </div> 
                </a> 
            </td> 
        </tr> 

#catalog_post {
    width: 100%;
    margin: 10px 0;
}

#catalog_post td {
    vertical-align: top;
}

.clist_td {
    width: 33.3%;
}

.shortstory_cat {
    -moz-border-radius: 10px;
    -webkit-border-radius:10px; 
    border-radius: 10px;
    background: #FFF;
    margin: 5px;
    -moz-box-shadow: 0 1px 3px #A2A2A2;
    -webkit-box-shadow: 0 1px 3px #A2A2A2;
    box-shadow: 0 1px 3px #A2A2A2;
}

.shortstory_cat > table {
    width: 100%;
}

.shortstory_cat .title a, .shortstory_cat.title a:hover, .shortstory_cat .title a:visited {
    font: bold 10px Tahoma;
    color: #FFF;
    text-decoration: none;
}

.catalogimage {
    height: auto;
    background-size: 200px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color:  transparent;
}

.poster > table {
    width: 100%;
    height: 340px !important;
    margin: 0;
}

.shortstory_cat .poster {
    text-align: center;
    height: 340px;
    overflow: hidden;
    background: #FFF;
}

.shortstory_cat .catmenu {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    border-radius: 3px;
    padding: 3px;
    background: #EAEAEA;
    margin: 5px 10px;
}

.catmenu td {
    padding-right: 7px;
    font: normal 11px Tahoma;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    vertical-align: middle !important;
}

.catmenu td a, .catmenu td a:hover, .catmenu td a:visited {
    color: #000;
    text-decoration: underline;
}

.catmenu td a:hover {
    text-decoration: none;
}

.popuptitle {
    margin: 0 10px;
    padding: 5px;
    background: #1F1F1F;
    color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    border-radius: 3px;
    -moz-box-shadow: 0 1px 3px #A2A2A2;
    -webkit-box-shadow: 0 1px 3px #A2A2A2;
    box-shadow: 0 1px 3px #A2A2A2;
}

.popuptitlearr {
    height: 0;
    width: 0;
    border-top: 7px solid #1F1F1F;
    border-left: 7px dotted transparent;
    border-right: 7px dotted transparent;
    border-left: 7px solid transparent\9;
    border-right: 7px solid transparent\9;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 999;
}

.shortstory_cat .poster:hover .popuptitle {
    -moz-box-shadow: 0 1px 6px #F27E52;
    -webkit-box-shadow: 0 1px 6px #F27E52;
    box-shadow: 0 1px 6px #F27E52;
}

.shortstory_cat a {
    color: #FFF;
    text-decoration: none;
}

<div class="binner">
    <table class="tableform">
      [not-logged]
      <tr>
        <th class="imp"><label for="comments">Имя:</label></th>
        <td><input type="text" name="name" id="name" class="f_input" /></td>
      </tr>
      <tr>
        <th class="imp"><label for="comments">E-Mail:</label></th>
        <td><input type="text" name="mail" id="mail" class="f_input" /></td>
      </tr>
      [/not-logged]
      <tr>
        <th><label for="comments"> <center><img id="commentator_avatar" src="{THEME}/images/noavatar.png" alt=""/> <br> [group=1,2,3,4,6,7,8]За спам в бан, ок <b>Гость</b>?[/group] </center> </label></th>
        <td class="editorcomm">{editor}</td>
      </tr>
      [sec_code]
      <tr>
        <th class="imp"><label for="comments">Введите код:</label></th>
        <td>
          <div>{sec_code}</div>
          <div><input type="text" name="sec_code" id="sec_code" style="width:115px" class="f_input" /></div>
        </td>
      </tr>
      [/sec_code]
      [recaptcha]
      <tr>
        <th class="imp"><label for="comments">Введите два слова, показанных на изображении:</label></th>
        <td>
          <div>{recaptcha}</div>
        </td>
      </tr>
      [/recaptcha]
      <tr>
        <th></th>
        <td>
        <button type="submit" name="submit" class="fbutton"><span>[not-aviable=comments]Добавить[/not-aviable][aviable=comments]Изменить[/aviable]</span></button></td>
      </tr>
    </table>
</div>