PapyClic - Design

PapyClic - Design

Article scindé en 2 parties

 https://static.blog4ever.com/2012/06/704535/artfichier_704535_4485013_201501254920689.jpg

Cet article est en 2 parties, l'une visible au début de l'article, l'autre partie qui s'ouvrira en cliquant sur "Suite ...", si vous cliquez une deuxième fois la partie sera à nouveau cachée.

Le code de ce système est dans la partie cachée, je l'ai utilisé pour cet article de façon à montrer le résultat que vous obtiendrez si vous l'utilisez.

 

Suite ...

 

<p>&nbsp;</p>
<p>Partie visible</p>
<p>&nbsp;</p>
<p title="Cliquez pour acc&eacute;der &agrave; la suite de l'article." style="cursor: pointer; text-align: center;"><a href="#divsuite" class="lienAffiche">Suite ...</a></p>
<div id="divsuite" class="suite"><hr />
<p>ici la suite, entre les 2 lignes quand vous aurez termin&eacute;, vous pourrez supprimer les lignes.</p>
<hr /></div>
<script type="text/javascript">// <![CDATA[
$(document).ready(function()
{
  $('.suite').css("display", "none");
  $('.suite').addClass("cache");

  $('.lienAffiche').click(function() {
    $('.suite').toggleClass("cache");

    if ($('.suite').hasClass("cache")){
     $('.suite').css("display", "none");
   }else{
     $('.suite').css("display", "block");
   }
  });

});
// ]]></script>
<p>&nbsp;</p>

 

https://static.blog4ever.com/2012/06/704535/artfichier_431181_220581_201103130534713.gif

Le code ci-dessus est à insérer dans le composeur d'article
en mode HTML, cliquez sur l'icône ci-contre.

 


 

 


Si cet article vous a été utile, un petit J'aime me fera plaisir.

N'hésitez pas un mettre un commentaire, si vous avez apprécié cet article, mais également si vous n'êtes pas pleinement satisfait. 
Pour plus d'explications poster sur le forum

 

 

HautPrécédente



27/01/2015

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 165 autres membres