在新的 clone() div 中显示隐藏的 div

Question

关于如何保持隐藏的 (display:none) div 隐藏但使其显示在新的克隆 div 中的任何建议？

当我取消显示样式但我需要隐藏它时，克隆工作。我已经广泛尝试研究和解决这个问题，但没有运气。 （可能是因为我是初学者）

这是我的代码：

（新克隆的 div）

<div class="showcontent" class="toggle"></div>

(.poster div 包含要克隆的元素)

<div class=poster><img width='<?php 67*2.3 ?>' height='<?= 98*2.3 ?>' src='<?= $movie['image_url'] ?>'> <br>
<div class=title><h1text><?= $movie['title'] ?></h1text>  </div>  <br>
<span class=year>(<?= $movie['year'] ?>)</span> 
<div class=title style="display:none"><h1text><?= $movie['title'] ?></h1text>  </div>  <br> </div>

（脚本）

$(".poster").click(function(){
img = $(this).clone();
$(".showcontent").show().html(img.removeAttr(''));
}); 

Answer 1

$(".poster").click(function(){
  var divNewPoster = $(this).clone();

  divNewPoster.find("div").show();
  // or if you want to be more selective:
  divNewPoster.find(".title").show();

  $(".showcontent").empty().show().append(divNewPoster);
});