Question

<script type="text/javascript">

      var url = document.URL;
      var strg = url.toString();
function StartAjax(ResultsId){
    $.ajax({
      type: "GET",
      url: "mark.php",
      cache: false,
    data: (strg),
      success: function(html){
        $("#"+ResultsId).append(html);
        **$("#").hide();**
      }

    });

}
</script>

<br><a href="#" name="link"  onclick="StartAjax('ResultsId');">Proceed</a>
<div id="ResultsId"></div>

The Ajax does what it’s supposed to do, but how do i hide the link after it’s been clicked?

Answer 1

You should just be able to do a $(this).hide(); or you can give the anchor tag a class so

<br><a href="#" name="link" class="thisBtn" onclick="StartAjax('ResultsId');">Proceed</a>

and then

success: function(html){
    $("#"+ResultsId).append(html);
    $(".thisBtn').hide();
  }