如何顯示一個箭頭只是所選項目的JQuery

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(); 
    }); 
});

012 wa

我wa nt當用戶點擊一個項目時，箭頭顯示並隱藏其餘項目。不幸的是我的例子是不完整的，我堅持在這一點上。

你能給我一些關於如何進行的建議嗎？

在此先感謝！

來源

2015-05-26 Cristi

您可以使用CSS隱藏圖像，之後就可以用jQuery顯示它時，它的使用單擊了'顯示（）' – Mivaweb

嘗試this：

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

$(this)事件處理程序內是被點擊的p元素。

演示：https://jsfiddle.net/tusharj/6yg8ckno/1/

來源

2015-05-26 13:16:00 Tushar

@cristi - 你得到了解決???? –

是的，完美無缺......但如何顯示項目中的行？看圖像http://i59.tinypic.com/kba8ue.jpg我認爲一切都應該完成不與jQuery？ – Cristi

首先，隱藏所有.sageata無一例外，然後告訴你.sageata到點擊p元素。就這樣！ :)

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

https://jsfiddle.net/6yg8ckno/3/

來源

2015-05-26 13:16:20

如何顯示一個箭頭只是所選項目的JQuery

回答

相關問題