jQuery的内嵌if语句

Question

我使用下面的代码来切换的<a>标签的文本：

$(function() { 
    $(".button-table-holder").click(function() { 
     $('.tableHolder').slideToggle(500); 
     return false; 
    }); 

    var text = $('.button-table-holder').text(); 
    $('.button-table-holder').text(text == "Show full product specifications" ? "Hide" : "Show full product specifications"); 
}); 

的文字似乎被卡住显示完整的产品规格，但...我想它所以，每当我点击链接

Answer 1

如果你想要的东西发生在每一次点击，那么它应该被包含在click功能（在这种情况下.button表持有者）它的变化。

在目前的形状中，最后的指令只执行一次。

Answer 2

您更改文本的代码不会放置在点击监听器中。你应该这样做：

$(".button-table-holder").click(function() { 
    var text = $('.button-table-holder').text(); 
    $('.button-table-holder').text(text == "Show full product specifications" ? "Hide" : "Show full product specifications"); 
}); 

Answer 3

你没有放置调整你的文本在click事件处理程序中的两行，这意味着它们只运行一次（当文档准备就绪时）。试试这个：

$(function() { 
    $(".button-table-holder").click(function() { 
     $('.tableHolder').slideToggle(500); 
     var text = $('.button-table-holder').text(); 
     $('.button-table-holder').text(text == "Show full product specifications" ? "Hide" : "Show full product specifications"); 
     return false; 
    }); 
});