Help with transforming a bit of code from JQuery to Vanilla JS?
I'm rubbish when it comes to frontend stuff. Come to think of it I'm rubbish period. I have a bit of jquery code that needs to work even on IE7 (yes, I would like to die now). So I thought the best way is to do it in vanilla javascript. The only problem is JQuery is the only thing I kinda, sorta, almost know. Can anyone help me? :D
<script type="text/javascript"> $(document).ready(function(){ $('area.zona1').click(function(){ console.log('zona1'); $('div.zona1').css('display', 'block'); $('div.zona2').css('display', 'none'); $('div.zona3').css('display', 'none'); }); $('area.zona2').click(function(){ console.log('zona2'); $('div.zona1').css('display', 'none'); $('div.zona2').css('display', 'block'); $('div.zona3').css('display', 'none'); }); $('area.zona3').click(function(){ console.log('zona3'); $('div.zona1').css('display', 'none'); $('div.zona2').css('display', 'none'); $('div.zona3').css('display', 'block'); }); $('span.close').click(function(){ $('div.zona1').css('display', 'none'); $('div.zona2').css('display', 'none'); $('div.zona3').css('display', 'none'); console.log('close'); }); }); </script>Even the above code sucks, but..
EDIT: I swear to god I am going to go and murder some Microsoft idiots. IE doesn't know what console.log is.