Coldfusion 8 and JQuery Toggle

Question

我试图在Jquery中实现Toggle函数。当我在一个简单的html页面中测试它时，它工作了。然后我把代码复制到我的CF页面。因为我试图让它从我的数据库动态拉，它实现了所有的<p>标签上的功能。我想我必须在某个地方使用this命令，但不确定如何正确使用它才能使其工作。当用户点击他们想要的传记时，它只会打开一个，而不是同时打开所有其他传记。建议吗?

<script type="text/javascript">
$(document).ready(function(){
    $(".toggle_container").hide(); 
    $('.trigger').click(function() {
        $(this).toggleClass("toggle_container")
    });
});
</script>

<cfif Statement NEQ ''>
<p><a class="trigger" href="##">Research Profile</a></p>
<p class="toggle_container">#Statement#</p>
</cfif>

Answer 1

我想你这里有两个不同的jquery实现。

这一行使用jquery hide来隐藏元素:

$(".toggle_container").hide();

使用jquery toggleClass行来切换一个类:

$(this).toggleClass("toggle_container")

在代码中没有指定类，所以没有类可以切换。jquery toggleClass docs

你可以试试这个:

$(document).ready(function(){
$(".toggle_container").hide();
$('.trigger').click(function(e) {
    e.preventDefault();
    $(this).parent().next().toggle();
});
});

示例:http://jsfiddle.net/jensbits/bgWJz/