Hvordan laver man "fold ud" overskrift?

HTML kode 

 <article>
   <h1>Overskrift</h1>
   <p>Indhold</p>
   <div class='extra-info'>
     <h2>Se ekstra nyttigt info</h2>
     <div class='content'>
       <p>Ekstra indhold</p>
     </div>
   </div>
 </article>

JScript kode 

 $(document).ready(function() {
   $('.extra-info h2').on('click' function() {
     $(this).find('.content').slideToggle();
   });
 });

CSS kode 

 .extra-info h2 {
   cursor:pointer;
 }
 .extra-info .content {
   display:none;
 }

Der er ingen grund til at bruge AJAX her. Du trækker alt det data ind på siden men har det skjult fra starten af.

Det kommer nu kraftigt an på mængden og kompleksiteten af dataen. AJAX er netop en fornuftig løsning, hvis mængden af den skjulte data er stor. Hvorfor loade en hulens masse data ind og skjule det, blot for at kunne vise det i tilfælde af at det skulle blive relevant? Det er en langt bedre strategi at loade tingene "as needed", hvilket også vil booste din performance.

Hej Kristian

Det behøver bestemt ikke at være en indbygget funktion i sitecore, for det tror jeg slet ikke findes. Man kan faktisk ikke super meget i sitecore.
Jeg vil da lige prøve at søge lidt rundt på det du skriver.

Den frustrerede projektudvikler