javascript - 奇怪 : jquery . show 和 .hide 没有响应或更改相应 div 的 css

Question

Sample Code of my error

正如您在上面的示例中看到的，在“免责声明问题 111”旁边，有一个扩展/收缩链接。该脚本工作一半，因为发生了文本更改，但它不会更改其锚定到的 div 的显示 CSS。

知道为什么吗？我没有看到任何页面错误。

触发此问题的代码位于我的 site.js 文件中，但我将其拖到此处以便您可以看到:

    $('.accordion-trigger-settings').click(function(){
var target=$(this).attr('href');
if($(target).css('display')=='none')
{
$(target).show();
$(this).text('Collapse Settings');
}
else
{
$(target).hide();
$(this).text('Expand Settings');
}
return false;
});

它适用于这个 block :

<a href="#accordion-season5160" class="accordion-trigger-settings">Expand View</a>
                                <div class="padding5"></div> 
                                <div class="accordionContent" id="accordion-season5160">
                                    <textarea  name="str_disclaimer_header5160" id="str_disclaimer_header5160"></textarea>
                                </div>      

Answer 1

使用 Chrome 网络检查器，我看到您有两个 ID 为 accordion-season5160 的元素。因此，文本正在更改，因为它适用于 this，但 show() 方法正在修改(显示/隐藏)id 为 accordion-season5160< 的第一个元素.

确保 ID 是唯一的。

看图!

希望对你有帮助!