javascript - Tumblr テーマの投稿 - 非表示の日付とタグが機能しない

Question

5月26日編集:

@AchrafJEDAY からの回答として、以下に示すコーディングを使用しています (ここにも含めます)。どういうわけかコーディングが壊れており、日付またはタグのボタンをクリックして、任意の投稿の日付またはタグを表示すると、びっくりします。ページ全体が「/?」で更新される前に、ほんの一瞬だけ表示されます。URL の末尾にあり、日付とタグの両方が再び非表示になります。これがなぜなのかはわかりませんが、誰かが助けてくれたことにとても感謝しています! ありがとうございました！！

コーディング：

CSS

.postdatebutton{
                float:left;
                position:relative;
                top:0px;
                left:0px;
                width:50px;
                height:15px;
                border:1px #83174C solid;
                background-color:rgba(255, 230, 240, 0.8);
                font-family: 'Indie Flower', cursive;
                letter-spacing:2px;
                text-align:center;
                padding-top:5px;
                color:black;
                font-size:14px;
                text-decoration:underline;
            }
            .postdatebutton button{
                font-family: 'Indie Flower', cursive;
                text-decoration:underline;
            }
            .postdate{
                width: 100%;
                text-align: center;
                display:none;
            }
            /*TAGS*/  
            .tags {
                width:415px;
                text-transform:uppercase;
                line-height:120%;
                font-size:15px;
                text-align:center;
                padding:2px;
                text-decoration:underline;
                -moz-transition-duration:0.5s;
                -webkit-transition-duration:0.5s;
                -o-transition-duration:0.5s;
            }
            .tags a {
                color:#BB0B20;
                letter-spacing:1px;
                padding:1px;
            }
            .posttagbutton{
                float:left;
                position:relative;
                top:0px;
                left:0px;
                width:50px;
                height:15px;
                border:1px #83174C solid;
                background-color:rgba(255, 230, 240, 0.8);
                font-family: 'Indie Flower', cursive;
                letter-spacing:2px;
                text-align:center;
                padding-top:5px;
                color:black;
                font-size:14px;
                text-decoration:underline;
            }
            .posttagbutton button{
                font-family: 'Indie Flower', cursive;
                text-decoration:underline;
            }
            .posttag {
                width: 100%;
                text-align: center;
                display:none;
            }

            #stuff table{
                position:relative;
                width:100%;
                text-align:center;
            }

HTML

<table>
<tbody>
<tr>
        <!---LIKE----> 
<td><div class="postlike">{LikeButton}</div> </td>
        <!---REBLOG----> 
<td><div id="postreblog"><a href="{ReblogURL}">Reblog</a></div> </td>
        <!---NOTES----> 
<td><div class="postnote">{block:NoteCount} <a href="{Permalink}">Notes</a>{/block:NoteCount}</div> </td>
        <!---VIA----> 
<td><div class="postfrom">{block:RebloggedFrom}<a href="{ReblogParentURL}">From</a>{/block:RebloggedFrom}</div> </td>
        <!---SOURCE----> 
<td><div class="postsource"> {block:ContentSource}<a href="{SourceURL}">Orig-Poster</a>{/block:ContentSource}</div> </td>
        <!---DATE BUTTON----> 
<td><div class="postdatebutton"><button onclick="myFunction6(this)">Date</button></div></td>
        <!---TAGS BUTTON----> 
<td><div class="posttagbutton"><button onclick="myFunction7(this)">Tags</button></div></td></tr></tbody></table>
            <!---HIDDEN DATE----> 
<div class="postdate" style="display:none;"><p>{block:Date}<a href="{Permalink}"> {MonthNumberWithZero}-{DayOfMonthWithZero} {24Hour}:{Minutes}</a>{/block:Date}</p></div>
            <!---HIDDEN TAGS----> 
<div class="posttag" style="display:none;"><div class="tags"><p>{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</p></div></div>

JS

<!---SCRIPT FOR DATE AND TAGS----> 
<script>
function myFunction6 ( event ) {

    var node = event.parentNode;
    for (i = 0; i < 5; i++) { 
        node = node.parentNode;
    }

    var x = node.getElementsByClassName("postdate");
    if (x[0].style.display === 'block') {
        x[0].style["display"] = "none";
    }
    else {
        x[0].style["display"] = "block";
    }

}
</script>
<script>

function myFunction7( event ) {

    var node = event.parentNode;
    for (i = 0; i < 5; i++) { 
        node = node.parentNode;
    }

    var x = node.getElementsByClassName("posttag");
    if (x[0].style.display === 'block') {
        x[0].style.display = 'none';
    }
    else {
        x[0].style.display = 'block';
    }
}
</script>