展开JSON数据onclick

Question

How to expand JSON data on click by id? I got stack with my code, once the button clicked all data expanded, what I want to do is only expanded one data based on an ID I clicked, here my fiddle right now https://jsfiddle.net/zeef/2638rgtz/1/

With is code:

<script>
function myFunction() {
          $('button').toggleClass('active');
          $('.title').toggleClass('active');
          $('nav').toggleClass('active');
        }
</script>
<div class="wrapper">
<div id="entrydata" class="profile">


</div>
</div>

Answer 1

Use DOM navigation relative to the element.

Change your element so it passes this to the function:

<button onclick="myFunction(this)">

Then use that in the function:

function myFunction(element) {
    $(element).closest(".content").find("button, .title, nav").toggleClass("active");
});