Show / hide or collapse/expand a text area

Solved
langueyef Posted messages 3 Status Member -  
 Magwa -
```html


#Construction d'une politique RH

Identifier les problématiques RH de la structure et accompagner le dirigeant pour se les approprier
Co-constuire des axes stratégiques permettant de disposer des ressources nécessaires à la réalisation du projet de la structure
Harmoniser les pratiques RH au sein d'un réseau / d'établissements
Assurer la représentation de la structure en interne et en externe sur la politique RH
Mettre en place une communication RH
<script> function toggleText() { var additionalText = document.getElementById("additionalText"); if (additionalText.style.display === "none") { additionalText.style.display = "block"; } else { additionalText.style.display = "none"; } } </script> ```

1 answer

  1. jordane45 Posted messages 30426 Registration date   Status Moderator Last intervention   4 830
     
    Hello,

    To do this, you need, in addition to HTML, JAVASCRIPT

    Here it is:
     <p style="text-align: justify;"><br /> <span style="color:#0688D1;"> <span style="font-size:14px;" onclick="ShowHide('zoneAafficher1')";><strong>#Building an HR policy</strong></span> </span> </p> <p id='zoneAafficher1' style="text-align: justify; margin-left: 40px; display:none"> <span style="color:#666666;"> <span style="font-size:14px;">Identify the HR issues of the organization and support the leader in taking ownership of them<br /> Co-construct strategic directions to ensure the necessary resources for the realization of the organization's project<br /> Harmonize HR practices within a network / establishments<br /> Ensure the representation of the organization internally and externally on HR policy<br /> Implement HR communication </span> </span> </p> <p style="text-align: justify;"><br /> <span style="color:#0688D1;"> <span style="font-size:14px;" onclick="ShowHide('zoneAafficher2')";><strong>#What is Lorem Ipsum?</strong></span> </span> </p> <p id='zoneAafficher2' style="text-align: justify; margin-left: 40px;display:none"> <span style="color:#666666;"> <span style="font-size:14px;"> Lorem Ipsum is simply dummy text used in composition and layout before printing.<br> Lorem Ipsum has been the industry standard dummy text since the 1500s, when an unknown printer took<br> a galley of type and scrambled it to make a type specimen book. <br> It has survived not only five centuries but also adapted to the electronic typesetting, <br> without its content being changed. It was popularized in the 1960s by the sale of Letraset sheets <br> containing passages of Lorem Ipsum, and more recently by its inclusion in text layout applications like Aldus PageMaker. </span> </span> </p> <script type="text/javascript"> function ShowHide(elm){ var element = document.getElementById(elm); if( element.style.display == 'none'){ element.style.display = 'block'; }else{ element.style.display = 'none'; } } </script> 


    --
    Best regards,
    Jordane
    1
    1. langueyef Posted messages 3 Status Member
       
      Thank you very much Jordane, it's great, it works!
      Is there a particular trick so that when we hover over the clickable title, the pointer changes to a hand to show that we can actually click?
      Thanks again
      0