jquery怎么控制opacity的属性

Question

.item {
                position: absolute;
                opacity: 0;
            }
            .hotSpot{
                position: absolute;
            }

<div class="hotSpot" id="beijin"  style="background: #ff007f; left:2184px;top: 1015px;width: 50px;height: 80px;border-radius:10px;transform:rotate(40deg)"></div> 
<img id="beijin" class="item" src="image/beijin.png" style="left: 2170px; top: 1005px;">

function showDiv() {
            $('#beijin').click(function(){
                if($(this).css('opacity') ==0 ){
                    $(this).css('opacity', '0')
                }else{
                    $(this).css('opacity','1');
                }
            })
        } 

怎么达到点击DIV显示img，在点击隐藏的效果

Answer 1

把外层函数去掉，当opacity为0时设为1，反则设为0，也可以用display控制显示隐藏

$('#beijin').click(function(){
                    if($(this).css('opacity') ==0 ){
                    $(this).css('opacity', '1')
                }else{
                    $(this).css('opacity','0');
                }
            })