Show / hide tabstrip item in footer

[Dner]

Hi!

I want to hide / show one or more tabstrip items in my footers. I have sevaral views in several layouts.

$('.showafterlogin').show() should show all items, but shows only the item in the active view, not in the others.

Is there a way to hide / show all items of all footers? What am i doing wrong?

Thanks, Ralf

<footer data-role="footer">

        <div data-role="tabstrip">

            <a data-icon="home" href="#home">Home</a>

            <a data-icon="globe" href="#standorte">Standorte</a>

            <a class="showafterlogin" data-icon="mostrecent" href="#kundendienst" style="display: none;">Kundendienst</a>

            <a data-icon="camera" href="#scanner">QR-Scanner</a>

            <a data-icon="more" href="#mehr">Mehr</a>

        </div>

    </footer>

[Jan-Dirk]

This will hide the tabstrip:

$(".km-tabstrip").hide();

And this will show it:

$(".km-tabstrip").show();

I hope that this is what you are looking for.

I am looking for something to disable/enable the tabstrip, but that is for a different thread.

[Dner]

Hi!

Thank you for your answer.

Meantime a used a workaround. I am now using just 1 layout and for each view i call a ...show function, which enables / disables buttons, etc. This is working for me.

Ralf