jquery显示/隐藏文本和三角形 - 三角形移动,但文本消失

时间:2014-12-06 08:23:51

标签: jquery show-hide

这是小提琴:http://jsfiddle.net/zuhloobie/1m0wu7wc/6/

我想点击显示其下方信息的主题名称。该主题旁边有一个向下的三角形。当我单击主题名称时,名称应该保留,但三角形变为向上三角形。我的问题是让主题名称留下来。只是三角形停留。

我知道这个名字并不存在,因为我用三角形代替$(showHide)。但是,我已经尝试了html(),text(),append()和prepend()来尝试抓取类dept中的文本并将其粘贴在三角形之前,但我不能让它工作。在前面添加一些作品,但它会拉出两个主题名称并将它们粘在一起,因为它们具有相同的类名dept,并且必须在整个页面中多次使用。所以我想只抓取dept的实例,我点击它并忽略其他dept类。希望我能够很好地解释这一点。

我无法完全控制代码,因为这是来自我无法访问的代码。我只能控制/更改班级deptshowHideTri。其他一切,我都坚持了。

如何在三角形移动时调整我的代码以使主题名称保持不变?我在jquery上相当新,所以这可能超级简单?提前谢谢!

1 个答案:

答案 0 :(得分:1)

您要更改整个expandable课程,但只需更改.expandable内的三角形。

更改

var showHide = this;

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

Updated fiddle is here.