如何向选中的项目显示一个箭头?

我有这样一个例子:

https://jsfiddle.net/6yg8ckno/

HTML:

<div class="patrat1 inline">
    <p class="menu1"><img class="sageata" src="http://paul.dac-proiect.ro/wp-content/themes/wpbootstrap/images/logo-arrow.png">MENU1</p>
    <p class="menu1"><img class="sageata" src="http://paul.dac-proiect.ro/wp-content/themes/wpbootstrap/images/logo-arrow.png">MENU2</p>
    <p class="menu1"><img class="sageata" src="http://paul.dac-proiect.ro/wp-content/themes/wpbootstrap/images/logo-arrow.png">MENU3</p>
</div>

JS:

$(document).ready(function() {
    $('.patrat2 .content2').hide();
    $('.patrat1 p img').hide();
    $('.patrat1 p:first-child img').show();
    $('.patrat1 p').click(function() {
        var clicked = $(this);
        $('.patrat1 p img').show();
        $('.patrat1 p:first-child img').hide();
    });
});

我希望当用户单击一个项目，箭头显示和隐藏其余的。不幸的是，我的例子是不完整的，我在这一点上卡住了。

你能给我一些建议，你应该怎么做?

提前感谢!

$('.patrat1').on('click', 'p', function () {
    $('.sageata').hide();
    $(this).find('.sageata').show();
});

 $('.patrat1 p').click(function(){
      $(".sageata").hide();
      $('.sageata', this).show();
  });