Question

I’m having three buttons A,B,C. When i click the button A the C button should hide (it’s not a problem), when i click the button B the page should be refreshed ( history.go(0) ),
the C button should be showed and the B button should hide, i tried by using the following code the process happened (i.e) C button showed but the B button didn’t hide (it’s hide only for a fraction of seconds and suddenly it’s showed)…….

<script>
$(document).ready(function() {
    $("#A").click(function() {
        $("#C").hide()
    });

    $("#B").click(function() {
        history.go(0)
        $("#C").show();
        $("#B").hide();         
    });
});

</script>

May be, due to the page refresh it will show the button B, but i’m not sure. suggest me some idea to overcome this issue.
Thanks in advance

Answer 1

Just set default values at start of the document

$(document).ready(function() {

    $("#C").show();
    $("#B").hide();         

    $("#A").click(function() {
        $("#C").hide()
    });

    $("#B").click(function() {
        history.go(0)
    });
});