jQuery隐藏/取消隐藏切换图像

时间:2012-11-16 16:19:21

标签: jquery toggle

我有点击一个小箭头显示和隐藏的div。 单击时可以展开更多信息的日历条目。到现在为止还挺好。

我希望我使用的小箭头能够取消隐藏内容以从“向上”状态变为“向下”状态,或者在内容可见时更好地旋转180度。

    jQuery('.openheader').click(function() {
    jQuery(this).parent().next().toggle('slow');
    return false;
}).parent().next().hide();

.openheader类应用于箭头图像周围的链接。

当我在它的时候 - 如果.calendarhidden DIV(包含额外信息的div)中没有内容,那么一个很好的功能也是如此,能够隐藏相应的链接或图像。

任何想法?无法理解如何将其融入到切换动作中。 谢谢 *编辑:这是js小提琴:http://jsfiddle.net/marknolan/gtEdy/

1 个答案:

答案 0 :(得分:0)

我相信你可以这样做if (document.getElementById(event.target.id).src.indexOf('right.png') > 0) { document.getElementById(event.target.id).src = 'path/arrow_left.png'; } else { document.getElementById(event.target.id).src = 'path/arrow_right.png'; }

编辑应该说这需要功能(事件)