I need help with changing the opacity of a specific area on an image map when clicked. The image has three areas, but I only want to target and change the opacity of the test2 area regardless of which area is clicked. Since my knowledge of jQuery syntax is limited, I would greatly appreciate any assistance on how to achieve this. Thank you.
<img src="testing.png" usemap"testing-map" />
<map name="testing-map">
<area shape="rect" coords="426,274,456,300" alt="test1" />
<area shape="rect" coords="456,274,618,300" alt="test2" />
<area shape="rect" coords="618,274,678,300" alt="test3" />
</map>
Jquery:
$('area').on('click', function() {
--- no idea --- .css('opacity', '0.1');
});