javascript - 如何在出现提示之前隐藏 div

Question

单击button应该在出现title 之前prompt dialog隐藏而不是在关闭之后隐藏。

这该怎么做？

$('button').on('click', function(){
    let a = $('#title').text();
    $('#title').hide();
    let res = prompt('RENAME', a);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>CLICK</button>
<br>
<div class='title' id='title'>lorem ipsum</div>

标签： javascripthtml

Answer 1

您可以使用回调

$('button').on('click', function(){
  let a = $('#title').text();
  $('#title').hide('fast', function() {
    let res = prompt('RENAME', a);
  });
});

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>CLICK</button>
<br>
<div class='title' id='title'>lorem ipsum</div>