I have more than 4 anchor tags. 

For example:

```
<div>
    <a href="javascript:void(0);" class="open_popup">Click me 1</a>
    <a href="javascript:void(0);">Click me 2</a>
    <a href="javascript:void(0);">Click me 3</a>
    <a href="javascript:void(0);">Click me 4</a>
</div>

```

Each anchor tags have a click event and that will display the related div image.

```
<div class="click_content_1">
    <img src="https://galleria.io/wp-content/themes/galleria/dist/images/demo/4m.jpg">
</div>

<div class="click_content_2">
    <img src="https://images.freeimages.com/images/large-previews/851/poppies-1369329.jpg">
</div>

<div class="click_content_3">
    <img src="https://galleria.io/wp-content/themes/galleria/dist/images/demo/4m.jpg">
</div>

<div class="click_content_4">
    <img src="https://images.freeimages.com/images/large-previews/fe6/midsummer-fields-1-1394719.jpg">
</div>

```

On the page load, I am hiding the div

```
  $(document).ready(function(){   
$(".click_content_1,.click_content_2,.click_content_3,.click_content_4").hide(); 
          $(".open_popup").click(function(){
            $(".click_content_1").show();
             });
        });

```

Now When User click on "Click me 1" then It will display the image.

Now my issue is, How to set click event to all the anchor tags and display the related div with less script? but hide the previous one.

```js
$(document).ready(function() {
  $(".click_content_1,.click_content_2,.click_content_3,.click_content_4").hide();
  $(".open_popup").click(function() {
    $(".click_content_1").show();
  });
});
```

```html
<div>
  <a href="javascript:void(0);" class="open_popup">Click me 1</a>
  <a href="javascript:void(0);">Click me 2</a>
  <a href="javascript:void(0);">Click me 3</a>
  <a href="javascript:void(0);">Click me 4</a>
</div>

<div class="click_content_1">
  <img src="https://galleria.io/wp-content/themes/galleria/dist/images/demo/4m.jpg">
</div>

<div class="click_content_2">
  <img src="https://galleria.io/wp-content/themes/galleria/dist/images/demo/4m.jpg">
</div>

<div class="click_content_3">
  <img src="https://galleria.io/wp-content/themes/galleria/dist/images/demo/4m.jpg">
</div>

<div class="click_content_4">
  <img src="https://galleria.io/wp-content/themes/galleria/dist/images/demo/4m.jpg">
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
```