当图像处于活动状态时显示div

我已使用onClick函数在点击时更改图像。我想要一个div下面的图像只显示图像被点击。如何仅在图像被点击时才显示该div？当图像处于活动状态时显示div

<img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png" 
 
onclick="this.src='https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png'"> 
 

 
<div class="showme"> my text</div>

来源

2017-08-22 DarrenLee

设置样式为'显示：无;'使用'css'，然后针对该分区在JavaScript中，当你改变这种形象的src改变'css' .. – NewToJS

使用jQuery：

$(document).ready(function(){ 
 
    $('img').click(function(){ 
 
     $('.showme').show(); 
 
    }) 
 
})

.showme { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png"> 
 
<div class="showme"> my text</div>

来源

2017-08-22 02:14:07 Ehsan

你只需要先隐藏自己的DIV，然后单击更改div来块的属性。

这里是代码片段：

function show() 
 
    { 
 
    $('.showme').css('display','block'); 
 
    }

.showme{ 
 
     display: none; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img src="http://localhost:8888/ek/wp-content/uploads/2017/08/unselect1-1.jpg" onclick="show()"> 
 

 
<div class="showme"> my text</div>

来源

2017-08-22 01:57:41 wahdan

谢谢，完美 – DarrenLee

使用CSS样式和jQuery：

$('#active').click(function() { 
 
$('.showme').css('display', 'block'); 
 
    } 
 
) 
 
//or img attr replace 
 
$('#activeimg').click(function() { 
 
$('#activeimg').attr('src', 'http://icons.iconarchive.com/icons/iconsmind/outline/128/Smile-icon.png'); 
 
    } 
 
)

.showme { 
 
display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img src="http://localhost:8888/ek/wp-content/uploads/2017/08/unselect1-1.jpg" alt="click" id="active"> 
 
<hr /> 
 
<img src="https://image.flaticon.com/icons/png/128/42/42877.png" title="click" id="activeimg"> 
 

 
<div class="showme">my text</div>

来源

2017-08-22 02:14:01 xtremal29

当图像处于活动状态时显示div

回答

相关问题