如何单击以启用并单击以禁用按钮

Question

这是我的代码。我想这样做，如果你单击一个按钮它将被禁用，如果你再次点击它，它将被启用。但是我无法弄明白。任何人都可以帮助我使缩略图可点击吗？这会有很大帮助。我也可以删除按钮吗？

＆＃13;

＆＃13;

$('.btn ').on('click', function() {
  $(this).prop("disabled", true);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-xs-6 col-md-3">
  <a class="thumbnail">
    <img src="https://getuikit.com/docs/images/placeholder_600x400.svg" alt="Matematik">
    <button type="button" class="btn btn-danger btn-block">Submit</button>
  </a>
</div>

＆＃13;

＆＃13;

＆＃13;