Question

专家点击

我的要求是有一个显示器上显示我的jsp和用户的总注册线也可以编辑这些在旁边有一个形象的点击， 要显示即时通讯使用以下JPEG 显示下使用该代码的总铅笔作为

<div class="row-fluid" id ="result"> 
     <div class ="span2"> 
      <label><spring:message code='total.registration' />:</label> 
     </div> 
     <div class = "span3"> 
      ${registrationStatusForm.totalRegis} 
      <img src="/static/img/icon_pensil.png"> 
     </div> 
    </div> 

和总登记线时的铅笔用户点击旁边显示的值，附加文本框应该出现如下 点击铅笔时，用户应该可以编辑总数，并且图标与上图不同。

点击X后，用户应该再次看到第1张图片。

请提出一个合适的方法来实现这一点。

Answer 1

我会使用jQuery。你可以简单地隐藏/与

$('#element_id').show() 
$('#element_id').hide(). 

因此，例如显示元素，如果你想显示一个新的div当他们点击图片，监听click事件：

$('#pencil_picture_id').click(function(){ 
    $('#text_box').show(); 
}); 

编辑：忘了括号

Answer 2

您可以使用.toggle()

$('img').on('click', function(){ 
    $('your selector').toggle(); 
});