Скрыть div и показать onclick с помощью js

Question

Я пытался скрыть и показать div с помощью javascript на моем сайте. Но я хочу, чтобы она была скрыта по умолчанию и была способна показать и скрыть ее при нажатии. Мой код выглядит нормально, и когда я нажимаю кнопку, дисплей: none; превращается в дисплей: block; но ДИВ не показывает ...

Вот HTML-

<div class="col-lg-8 col-lg-offset-2 text-center"> 
    <button href="#collapse1" class="nav-toggle">Show</button> 
</div> 

<div class="col-md-3 col-sm-4 col-xs-12 portfolio-item" id="collapse1" style="display:none"> 
    <img src="img/myimage.jpg" class="img-responsive" /> 
</div> 

Вот JS

// Show or hides div 
$(document).ready(function() { 
    $('.nav-toggle').click(function(){ 
     //get collapse content selector 
     var collapse_content_selector = $(this).attr('href');     

     //make the collapse content to be shown or hide 
     var toggle_switch = $(this); 
     $(collapse_content_selector).toggle(function(){ 
      if($(this).css('display')=='none'){ 
       //change the button label to be 'Show' 
       toggle_switch.html('Show'); 
      }else{ 
       //change the button label to be 'Hide' 
       toggle_switch.html('Hide'); 
      } 
     }); 
    }); 

}); 

And here's the example on my website

Answer 1

Я проверил свой сайт, и я вижу, что он изменяет состояние от кнопки «Показать/скрыть» на кнопке, а также удалить стиль или добавить его в div, который скрыт, но, однако, ширина и высота изображения равны 0 ...

Возможно, так?

<img src="http://iampox.com/img/portfolio/Visuel_JPO_ESTEN_thumbnail@2x.jpg" class="img-responsive" alt="Visuel JPO ESTEN 2014" width="100%" height="100%" /> 

И здесь упрощено JS скрипку, так как вы просили «как показать/скрыть DIV» в вашем вопросе, так что я использовал кнопку и скрытое содержание только для образца демо. Возможно, вы можете свести свой сценарий к чему-то подобному.

JS Fiddle Sample

$('#btn').on('click', function() { 
    var btnText = ($(this).text() == 'Show') ? 'Hide' : 'Show'; 

    $(this).text(btnText); 
    $('#content').toggle(); 
});