Question

on the site I’m working on, I need to show two different HTML snippets depending if another element is activated or not.

Like:

{if "div class="box expandResults" is enabled(or appearing on the page)"}

....HTML....

{else}

....OTHER HTML....

{/if}

How can I do this with Smarty or jQuery? I only have access to the .tpl files.

Thanks 🙂

Answer 1

Do it with JavaScript. Generate following HTML:

<div id="boxExpandResultsEnabled" style="visibility: hidden"> 
....HTML...
</div>
<div id="boxExpandResultDisabled" style="visibility: hidden"> 
....OTHER HTML....
</div>

JavaScript for Prototype would be:

<script>
        if($$('div.box expandResult')) {
            $('boxExpandResultsEnabled').show();
        } else {
            $('boxExpandResultsDisabled').show();
        };
</script>

Same thing for JQuery:

<script>
        if($('div.box.expandResult')) {
            $('#boxExpandResultsEnabled').show();
        } else {
            $('#boxExpandResultsDisabled').show();
        };
</script>