Блог

Цель состоит в том, чтобы показывать один 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>
  

Добавление некоторого css для скрытия второго div по умолчанию — это правильный путь.

 .r-productfeature {
    display:none;
}
  

JSFIDDLE здесь.

Ваш код неисправен. Измените его на этот

 <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>