Question

I have a dialog –

<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 want to hide and show the show-notif button dynamically using jquery code. How would I do it?

I have tried

$("#show-notif").hide(); 

This did not work for me. Any ideas?

Answer 1

It seems there is small syntax error:

<a href="#notif-details1" id:"show-notif" data-role="button">Show notification</a>

it should be (replaced : with =):

<a href="#notif-details1" id="show-notif" data-role="button">Show notification</a>

Those functions should work:

$('#show-notif').hide();
$('#show-notif').show();