error message
$ is not defined , is the message I get when I debug it
<script src="code_js.js"></script> <script type="text/javascript"> $("#flip_ImageURL").on("click",function(){ if($("#flip_ImageContainer").css("transform") == 'none') { $("#flip_ImageContainer").css("transform","rotateY(180deg)"); $("#flip_ImageContainer img").attr("src","8.jpg"); } else { $("#flip_ImageContainer").css("transform",""); $("#flip_ImageContainer img").attr("src","24.jpg"); } }) </script>
<style type="text/css"> body { margin:auto; width:300px; } #flip_ImageContainer { width: 200px; height: 150px; transition: 0.9s; transform-style: preserve-3d; position: relative; } img { width:500px; } .flip_ImageSubmit { color: blue; background: azure; display: inline-block; margin-top: 200px; padding: 15px; cursor: pointer; border: blue 1px solid; border-radius: 10px; font-size: 18px; font-weight: bold; font-family: cursive; } </style>