Want a border around image when clicked on and the border removed after clicked on the second time
Want a border around image when clicked on and the border removed after clicked on the second time I want to make it so when you click on an image a border shows then when you click on it for the second time it goes away. I've tried many different ways, but first I can't figure out how to get the images to show initially without the borders (only when you click on them the border goes away). From there is when i want to border/disappear when clicked on. Also, I know you can do in-line css styling in JS, but I don't want to do that. If it's needed though then let me know. I am still learning! http://jsbin.com/joxuyez/1/edit?html,css,js,output HTML <!DOCTYPE html> <html> <head> <meta name="description" content="Practice Refactoring to jQuery"> <script src="//code.jquery.com/jquery-2.1.1.min.js"></script> <meta charset="utf-8"> <title>Practice Refactoring to jQuery</title> ...