單擊另一個時顯示div

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在這里。

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>