This is my code. I wanted to make it so that if you click one button it will be disabled and if you click it again it gets enabled. However I can't quite figure it out. Could anyone help me make the thumbnail clickable? That would help a lot. Also could I remove the buttons?
$('.btn ').on('click', function() {
$(this).prop("disabled", true);
});
<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>