javascript not working, to show and hide an element

Asked Aug 20 '20 at 13:50

Active Aug 20 '20 at 14:00

Viewed 52 times

I have written some javascript code to hide and element based on id inside php, but it is not working

<?php
    if(isset($_POST['sign_up_btn'])){
        echo '
        <script>

        $(document).ready(function() {
            $("#first").hide();
            $("#second").show();
            });

        </script>

        ';
    }
    ?>

I'm including jquery library like this in the tag above the closing body tag

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

I solved it by referencing my jquery library before the echo... Thanks David

edited Aug 20 '20 at 14:00

asked Aug 20 '20 at 13:50

Chaitanya k

1

did you include jQuery library? See [this question](https://stackoverflow.com/questions/29796169/how-to-add-jquery-code-into-html-page) – gaetanoM Aug 20 '20 at 13:51
1

Why is it just not being set with PHP directly on the elements? – epascarello Aug 20 '20 at 13:53
Do you insert/echo your JS _before_ or _after_ the jQuery library is referenced? – David Aug 20 '20 at 13:56
i don't know how to do that – Chaitanya k Aug 20 '20 at 13:56
i inserted the echo before the jquery library was referenced – Chaitanya k Aug 20 '20 at 13:57
That's the reason why it doesn't work. If the browser parses the HTML you generate, he _first_ encounters your own JS code (the one you `echo`), but at that point he does not know jQuery because it isn't referenced. Try loading jQuery inside the ``. If the Error(s) persist/it does not work, then it's something else. – David Aug 20 '20 at 13:58
i solved it @David – Chaitanya k Aug 20 '20 at 14:03
`
` – epascarello Aug 20 '20 at 14:08

javascript not working, to show and hide an element

0 Answers0