How to hide a HTML element based on user role

Question

You could use something like this if you have jquery included in your page:

<?php
if ( is_super_admin() ) {
?>
    <script type="text/javascript">
    $( document ).ready(function() {    
        $("#IDofDivHoldingUserTopBar").css("display", "none"); // ID of user top bar
// ............................. OR     
        $(".ClassofDivHoldingUserTopBar").css("display", "none"); // class of user top bar
    });
    </script>
<?php
}
?>