Question

我有一个问题是切换一些被点击的内容。这两个项目是相同的，一旦我点击一个项目，另一个没有点击的项目也会切换。是否有一种技术我可以用来识别被点击的内容所以点击的项目可以切换而另一个不受影响吗？。

中的示例

Answer 1

我已更新您的小提琴，请点击此处 - 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("-");
}

Answer 2

尝试

$(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/

Answer 3

为你的元素提供不同的ID然后为两个ID写两个不同的切换函数，这些函数将在jQuery(#id1).click(function() { // Your code to toggle })等点击事件上调用，而其他元素也是如此

Answer 4

在事件中使用$(this)上的切换。

$（this）表示触发事件的元素。

如何知道在两个相同的项目中点击了什么

4 个答案: