jQuery的顯示/隱藏文字和三角形 - 三角形的動作，但文本消失

Question

這裏是小提琴：http://jsfiddle.net/zuhloobie/1m0wu7wc/6/

我想點擊揭示它下面的信息主題名稱。該主題旁邊有一個向下的三角形。當我點擊主題名稱時，名稱應該保留，但三角形變成了一個向上的三角形。我的問題是讓主題名稱留下來。只有三角形停留。

我知道這個名字沒有留下，因爲我用三角形代替了$(showHide)。但是，我已經嘗試過html（），text（），append（）和prepend（）嘗試獲取類dept中的文本並將其粘貼在三角形之前，但我無法使其正常工作。需要在作品前面加上某種作品，但是它將兩個主題名稱都粘在一起，因爲它們具有相同的類名dept，並且必須在整個頁面中多次使用。所以我想只抓取dept的實例，在那裏我點擊並忽略其他的dept類。希望我解釋得很好。

我沒有完全控制代碼，因爲這是來自我無法訪問的代碼。我只能控制/更改課程dept和showHideTri。其他的一切，我都堅持着。

如何調整我的代碼，使主題名稱保持三角形移動？我對jquery很新，所以這可能會超級簡單？提前致謝！

Answer 1

您正在更改整個expandable類，但您只需更改.expandable內的三角形。

變化

var showHide = this; 

到

var showHide = $(this).find(".showHideTri"); 

Updated fiddle is here.