jQuery怎么控制事件的opacity

.item {
                position: absolute;
                    opacity: 0;
                /* display: block; */
            }
            .hotSpot{
                position: absolute;
            }
<img id="beijin" class="item" src="image/beijin.png" style="left: 2170px; top: 1005px;">
<div class="hotSpot" id="beijin"  style="background: #ffff7f; left:2184px;top: 1015px;width: 50px;height: 80px;border-radius:10px;transform:rotate(40deg)"></div>

怎么做到点击div显示出img来

img

img

onclick="$('#div').show()"