JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

<div class="tarihler">
     <a href="#" >button</a>
    <div class="data">my data</div>
</div>


<div class="tarihler">
     <a href="#" >button</a>
    <div class="data">my data</div>
</div>

CSS

.tarihler
{
    width:300px;
    height:100px;
    background-color:red;
    margin-top:10px;
    color:#FFF;
    
}

JavaScript

$(document).ready(function() {    
    $('.tarihler .data').hide();  
$('.tarihler a').click(function() {
    $(this).closest('.tarihler').find('.data').slideToggle('fast',function(){
				if ($(this).is(':hidden')) {
					$('#situation').text('close');
				} else {
					$('#situation').text('open');
				}
				return false;
			});;
});

});