試圖創建一個切換效果隱藏文本/顯示不同的文本，同時鏈接我的箭頭向上/向下箭頭使用$（this）

我試圖切換我的摘要文本隱藏/顯示我的主要文本，同時改變我的狀態向下箭頭使用$（this）來定位特定的點擊次數。

目前它正在打開所有的div，而不是針對一個點擊。另外，上/下箭頭不能正常工作，只觸發間隔爲第二次

這是鏈接：http://codepen.io/1eddy87/pen/lsyIw

另外，如果有人可以幫助我投入更多/更少當箭頭切換/點擊它只會很棒。

感謝您的幫助

2014-02-21 edward

您使用的<i>標籤的onclick觸發showBody，和那裏面你<i>添加的點擊功能。然後你使用一個選擇器$('.first > .sum')，它將選取所有匹配的元素，在你的情況下是其中的兩個，並相應地隱藏或顯示所有元素。

刪除showBody函數並將<i>移動到div內部會更容易。然後你可以使用$(this)顯示/隱藏div的其它位：

$('i').click(function() { 
    var tog = $(this); 
    tog.parent().find('.main').toggleClass('hide'); 
    tog.toggleClass('fa fa-chevron-up fa fa-chevron-down'); 
    return false; 
});

new codepen

不知道，如果你想隱藏點擊總結爲好，但是這只是增加一個toggleClass總結。

來源

2014-02-21 02:16:20 Jorg

花花公子，簡單樸素。謝謝 – edward

不用擔心。另外考慮使用一個類的點擊功能，而不是直接''所以你沒有把這個點擊應用到你的頁面上的所有圖標 – Jorg

+0

我已經重新創建了我所需要的，我有一個實現代碼的問題，你可以請幫助我。我需要它在這種特定的格式 - 鏈接http://codepen.io/1eddy87/pen/purLi – edward

0

此外，你會想在你的引導之前把你的jQuery鏈接，以避免後來頭疼。 Bootstrap的JavaScript需要jQuery庫。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

來源

2014-02-21 02:22:59 BlueTalon

+0

謝謝你的領導，會做。它應該在頁面底部還是頂部？ – edward

試圖創建一個切換效果隱藏文本/顯示不同的文本，同時鏈接我的箭頭向上/向下箭頭使用$（this）

回答

相關問題