Update anchor color on href change

by kimiliini

HTML

<a id="anchor1" href="http://jsfiddle.net/kimiliini/hKr73/">JSFiddle</a>
<hr />
<input id="url" type="text" value="http://example.net" />
<button id="change_link">Change link</button>
<button id="change_back">Change back</button>

JavaScript

$("#change_link").on("click", function(e) {
    $("#anchor1").hide();
    $("#anchor1").attr('href', $("#url").val());
    $("#anchor1").show();
    // Or the "production version":
    // $("#anchor1").hide().attr('href', $("#url").val()).show();
});

$("#change_back").on("click", function(e) {
    // Or use CSS directly.
    $("#anchor1").css("display", "none");
    $("#anchor1").attr('href', "http://jsfiddle.net/kimiliini/hKr73/");
    $("#anchor1").css("display", "inline");
});