Jquery will not work

Question

Simple jquery will not load

    <script src="jquery-3.1.1.min.js" type="text/javascript">
    $(document).ready(function(){
        $("#p1").on("click", function(){
            $("#p1").slideUp(300);
        });
    });
</script>

If you could please help, because I cannot work with jQuery!

For a complete, reproducible example, you also need the relevant html. — ps2goat, Dec 16 '16 at 21:33
@ps2goat Simple quick thing. I thought needed HTML, but this is syntax error. — Praveen Kumar Purushothaman, Dec 16 '16 at 21:33
@PraveenKumar it may be true that you offered a working fix for the OP, but other people having a similar problem will try your answer and they still may have questions because there is no html for the jquery to operate on. — ps2goat, Dec 16 '16 at 21:35

score 1 · Answer 1 · answered Dec 16 '16 at 21:31

You should make sure you give separate <script> tags. You cannot have src as well as content with the same tag. Have two tags for each src and the content like below:

<script src="jquery-3.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#p1").on("click", function(){
            $("#p1").slideUp(300);
        });
    });
</script>

Also, another best practise is, if both the target and source are same, you can make use of this:

$("#p1").on("click", function(){
    $(this).slideUp(300);
});

Jquery will not work

1 Answers1