title: How to display current element in jQuery?
body: <p>I have this sample:</p>
  
  <p><a href="http://codepen.io/anon/pen/bEqNwV" rel="nofollow">link</a></p>
  
  <p><strong>CODE HTML:</strong></p>
  
  <pre><code>&lt;div class="clasa-comuna"&gt;
    &lt;div class="declansare"&gt;
      &lt;span class="plus"&gt;+&lt;/span&gt;
      &lt;span class="minus"&gt;-&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="arata"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="clasa-comuna"&gt;
    &lt;div class="declansare"&gt;
      &lt;span class="plus"&gt;+&lt;/span&gt;
      &lt;span class="minus"&gt;-&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="arata"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="clasa-comuna"&gt;
    &lt;div class="declansare"&gt;
      &lt;span class="plus"&gt;+&lt;/span&gt;
      &lt;span class="minus"&gt;-&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="arata"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CODE CSS:</strong></p>
  
  <pre><code>.declansare{
    background:red;
    width:100px;
    height:50px;
  }
  .arata{
    width:100px;
    height:100px;
    background:blue;
    display:none;
  }
  .clasa-comuna{
    display:inline-block;
    margin-left:10px;
  }
  .minus{
    display:none;
    color:white;
  }
  .plus{
    color:white;
  }
  </code></pre>
  
  <p><strong>CODE JS:</strong></p>
  
  <pre><code>$( ".plus" ).on( "click", function() {
    $(this).closest('.clasa-comuna').find('arata').show();
  
  
    });
  </code></pre>
  
  <p>What I want to do is to display div <code>"arata"</code> It is the current element.</p>
  
  <p>I tried something like 'but it displays all divs.</p>
  
  <pre><code> $(".arata").toggle();
  </code></pre>
  
  <p>How can I solve this problem?</p>
  
  <p>I hope I managed to make myself understood ... if you need more explanations are available.</p>
  
  <p>Thanks in advance!</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>back with a question, I managed to make it work
  but how to do only one to remain open?</p>
  
  <p><a href="http://codepen.io/anon/pen/bEqNwV" rel="nofollow">new link</a></p>
  
  <p><strong>CODE JS:</strong></p>
  
  <pre><code>$( ".plus" ).on( "click", function() {
    $(this).hide();
    $(this).closest('.clasa-comuna').find('.arata').show();
    $(this).next().show();
  });
  </code></pre>
  
  <p>I want to do just to remain at current open, not be able to open more than one ...</p>
  
  <p><strong>EDIT 2:</strong></p>
  
  <p><a href="http://codepen.io/anon/pen/bEqNwV" rel="nofollow">new link 3</a></p>
  
  <p>I'm near the end ... there is only one problem.
  It remains in other mass minus sign before ... it is not allowed to exist than a minus ... at open </p>
  
  <p><strong>CODE JS:</strong></p>
  
  <pre><code>$( ".plus" ).on( "click", function() {
    $(this).hide();
    $('.arata').hide();
    //$('.arata').hide();
    $(this).closest('.clasa-comuna').find('.arata').show();
    $(this).next().show();
  });
  
  $( ".minus" ).on( "click", function() {
  
  
  });
  </code></pre>