Hiding an element or text after login

[mostwanted]

I want to hide a span containing text after logging in, i tried this below but it aint working:

CODE:

{{if auth.user:}}
<script>
    $(document).ready(function(){
    $('.textContainer').hide();
    });
    </script>
    {{pass}}

<span class="textContainer">PLEASE LOG IN FIRST TO BE ABLE TO GET THE MENU & BUY</span>

 What can i do to achieve my task?

Regards;

Mostwanted

[Константин Комков]

Check that your conditions and pass quantity coincides. Becouse your code correct work in my app. Also you can do like that:

{{if auth.user:}}
<!-- your content -->

{{else:}}

<span class="textContainer">PLEASE LOG IN FIRST TO BE ABLE TO GET THE MENU & BUY</span>

{{pass}}

[mostwanted]

I dont know if its because i added the {{else:}} statement but its working now, thank you @ Константин Комков