One of my dialogs has the following code:
<div data-role="dialog" id="msg-popup">
<div data-role="header">
<h1>Notification</h1>
</div>
<div data-role="content" id>
<b id="notif-subject"></b>
<a href="#notif-details1" id:"show-notif" data-role="button">Show notification</a>
<a href="#" data-rel="back" data-role="button">Cancel</a>
</div>
</div>
I am looking for a way to toggle the visibility of the show-notif button dynamically using jquery. Can anyone guide me on how to achieve this?
I attempted the following:
$("#show-notif").hide();
Unfortunately, this approach did not yield the desired result. Does anyone have any other suggestions?