Question

我的目标是在点击另一个div时显示一个div。下面我的代码的问题是它在页面加载时显示内容（你可以点击div来隐藏/显示另一个），但是我希望它在页面加载时隐藏（默认隐藏）。这就是我现在所拥有的：

<div class="r-clickfeature">...click here to show another div</div>
<div class="r-productfeature">something...</div>

<script type="text/javascript">
  $('.r-clickfeature').on('click', function(e) {
  return $(".r-productfeature").slideToggle();
});
</script>

Answer 1

默认情况下，添加一些css来隐藏第二个div是可行的方法。

.r-productfeature {
    display:none;
}

JSFIDDLE here.

Answer 2

您的代码有问题。把它改成这个

<script type="text/javascript">
   $(document).ready(function () { // required for jQuery...
      $('.r-clickfeature').click(function(e) { // on click
          $('r-productfeature').slideToggle(); // slide the other div
      });
   });
</script>

单击另一个时显示div

2 个答案: