I would like to hide an element based on a role. (The roles are "Teacher" and "Student") This is the element I want to hide if a role is Student.
tab.html
<a href="/profile" class="nav-item nav-link">Update</a>
<script src="{{ url_for('jquery', filename='jquery/profile/tab.js') }}"></script> //to access the .js file
I like to create a function in tab.js that will hide the element above if the role is "Student" but I do not have that much idea since I have no experience with JQuery
you can using jQuery hide() Method
for example:
$("button").click(function(){
$("p").hide();
});