0

我在切换某些被点击的内容时遇到问题。这两个项目是相同的，一旦我点击一个项目，另一个未点击的项目也会切换。有没有一种技术可以用来识别被点击的内容，以便被点击项目可以切换，另一个不受影响？

这是 jfiddle http://jsfiddle.net/dNt9e/中的示例

4

4 回答 4

4

我已经更新了你的小提琴，请在这里查看 - http://jsfiddle.net/57vsn/4/

基本上变化如下：

if($('.toggleContent', $(this).parent()).is(':visible')){
    $('.toggleContent', $(this).parent()).hide("slow");
    $('.green', $(this).parent()).val("+");
} else {
    $('.toggleContent', $(this).parent()).show("slow");
    $('.green', $(this).parent()).val("-");
}
于 2012-05-13T12:02:47.893 回答
1

尝试

$(function(){
    $('.togglenav').click(function(e){  
        if($(this).closest('.toggleContainer').find(".toggleContent").is(':visible'){
            $(this).closest('.toggleContainer').find(".toggleContent").hide("slow");
            $('.green',this).val("+");
        } else {
            $(this).closest('.toggleContainer').find(".toggleContent").show("slow");
            $('.green',this).val("-");
        }

    });
});

http://jsfiddle.net/dNt9e/2/

于 2012-05-13T12:07:48.733 回答
0

给你的元素不同的 id，然后为这两个 id 编写两个不同的切换函数，这些函数将在点击事件上调用，jQuery(#id1).click(function() { // Your code to toggle })对于其他元素也一样

于 2012-05-13T11:59:55.617 回答
0

$(this)在事件中使用切换开关。

$(this) 表示触发事件的元素。

于 2012-05-13T12:02:38.133 回答