UPDATES1

<!--PUT THESE IN THE SECTION WITH THE OTHER "META NAME" -->

<meta name="text:Update Tab 1" content="" />
<meta name="text:Update 1" content="" />
<meta name="text:Update Tab 2" content="" />
<meta name="text:Update 2" content="" />
<meta name="text:Update Tab 3" content="" />
<meta name="text:Update 3" content="" />
<meta name="text:Update Tab 4" content="" />
<meta name="text:Update 4" content="" />


<!--PUT THIS IN THE SECTION WITH THE OTHER "SCRIPT" ELEMENTS-->

<script>
    $(document).ready(function(){
        $("#update1title").click(function(){
            $("#update1").slideToggle("fast");
        });
        $("#update2title").click(function(){
            $("#update2").slideToggle("fast");
        });
        $("#update3title").click(function(){
            $("#update3").slideToggle("fast");
        });
        $("#update4title").click(function(){
            $("#update4").slideToggle("fast");
        });
    });
</script>

<!--PUT THIS ANYWHERE IN THE CSS SECTION-->

.updates {
    width:200px;
    background-color:{color:accent};
    border:1px solid {color:outline};
    position:fixed;
    margin-left:calc({select:Post Size}px + 500px);
    font-size:10px;
    box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
    border-radius:0px;
}


<!--PUT THIS BEFORE <DIV ID="ENTRY"...-->

{block:IfUpdateTab1}
<div class="updates">
<div style="font-weight:600;text-transform:uppercase;font-size:14px;padding:10px;text-align:center">updates</div>


    <div id="update1title" style="border-top:1px solid {color:outline};border-bottom:0px solid {color:outline};padding:7px;font-size:11px;text-align:center;text-transform:uppercase;">{text:Update Tab 1}</div>
    <div id="update1" style="padding:7px;display:none;border-top:1px solid {color:outline}">
    {text:Update 1}
    </div>


{block:IfUpdateTab2}
    <div id="update2title" style="border-top:1px solid {color:outline};border-bottom:0px solid {color:outline};padding:7px;font-size:11px;text-align:center;text-transform:uppercase;">{text:Update Tab 2}</div>
    <div id="update2" style="padding:7px;display:none;border-top:1px solid {color:outline}">
    {text:Update 2}
    </div>
{/block:IfUpdateTab2}

{block:IfUpdateTab3}
    <div id="update3title" style="border-top:1px solid {color:outline};border-bottom:0px solid {color:outline};padding:7px;font-size:11px;text-align:center;text-transform:uppercase;">{text:Update Tab 3}</div>
    <div id="update3" style="padding:7px;display:none;border-top:1px solid {color:outline}">
    {text:Update 3}
    </div>
{/block:IfUpdateTab3}

{block:IfUpdateTab4}
    <div id="update4title" style="border-top:1px solid {color:outline};border-bottom:0px solid {color:outline};padding:7px;font-size:11px;text-align:center;text-transform:uppercase;">{text:Update Tab 4}</div>
    <div id="update4" style="padding:7px;display:none;border-top:1px solid {color:outline}">
    {text:Update 4}
    </div>
{/block:IfUpdateTab4}

</div>
{/block:IfUpdateTab1}