JSFiddle - React, Tailwind, and code Playground

by Rochefort

HTML

<div id="ortak_baslik">
<div class="field field-name-field-cv-bolum2 field-type-list-float field-label-hidden"><div class="field-items"><div class="field-item even">Nüans Yeminli Mali Müşavirlik Ltd. Şti.</div></div></div></div>

<div id="node-10" class="node node-ortaklar-cv node-promoted node-teaser node-type-ortaklar_cv node-teaser-ortaklar_cv" typeof="sioc:Item foaf:Document" about="/tr/node/10">
    
     

        <h2 datatype="" property="dc:title"><a href="/tr/node/10">Ahmet Cesur</a></h2>
    


  <div class="node-content clearfix node-content clearfix">
    <div class="field field-name-field-cv-fr field-type-file field-label-hidden d_fr"><div class="field-items"><div class="field-item even"><a href="http://nuance.waapps.net/sites/default/files/cv/AHMET%20CESUR%20%20Fr.docx">FR</a></div></div></div><div class="field field-name-field-cv-en field-type-file field-label-hidden d_en"><div class="field-items"><div class="field-item even"><a href="http://nuance.waapps.net/sites/default/files/cv/AHMET%20CESUR%20%C4%B0ng..docx">EN</a></div></div></div><div class="field field-name-field-cv-tr field-type-file field-label-hidden d_tr"><div class="field-items"><div class="field-item even"><a href="http://nuance.waapps.net/sites/default/files/cv/AHMET%20CESUR%20Tr.docx">TR</a></div></div></div>  </div>

    </div>
<div id="ortak_baslik">
<div class="field field-name-field-cv-bolum2 field-type-list-float field-label-hidden"><div class="field-items"><div class="field-item even">Nüans Yeminli Mali Müşavirlik Ltd. Şti.</div></div></div></div>

<div id="node-11" class="node node-ortaklar-cv node-promoted node-teaser node-type-ortaklar_cv node-teaser-ortaklar_cv" typeof="sioc:Item foaf:Document" about="/tr/node/10">
    
     

        <h2 datatype="" property="dc:title"><a href="/tr/node/10">Ahmet Cesur</a></h2>
    


  <div class="node-content clearfix node-content clearfix">
    <div class="field field-name-field-cv-fr field-type-file field-label-hidden d_fr"><div...

JavaScript

jQuery(document).ready(function(){
    $('#ortak_baslik').nextAll().hide();
    $('#ortak_baslik').click(function() {
        $(this).nextAll().toggle('fade');
          if($(this).hasClass("active")){
            $(this).removeClass("active");
        }else{
            $(this).addClass("active");
        }
        return false;
    });
});