Voilà j'ai un ptit bout de code qui marche bien mais le but est qu'il apparaisse quand le js est desactivé.
LE but est en gros que uniquement le premier texte s'affiche quand on active le js et que tout s'affiche quand le js est desactivé ?
Que dois je corrigé svp ?
Merci à vous
<script>
$(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'){
toggle_switch.html('<i class="fa fa-search read-article" aria-hidden="true"></i>');//change the button label to be 'Show'
}else{
toggle_switch.html('<i class="fa fa-times-circle close-article" aria-hidden="true"></i>');//change the button label to be 'Hide'
}
});
});
});
</script>div class="info-bloc"><div href="#collapse1" class="nav-toggle pull-right article"><i class="fa fa-search read-article" aria-hidden="true"></i></div>
<h4>Info ville</h4>
Mon premier texte
<div id="collapse1" style="display:none">
Mon second texte
</div></div>