我正在尝试做一些文章列表，您可以在其中使用复选框选择它们。如果您不确定是否选择，可以选择单击标题，并获取有关文章的更多信息。
我用过这个例子。那么问题出在哪里？我不想展开我选择的文章，只是那些我点击标题的文章。
JQ 脚本部分没问题，因为它工作正常，它可以正确展开/折叠，问题是在 CSS 或 HTML 中，在哪里放置复选框以在标题中查看它。
我有示例 HTML：
<div class="art_list">
<div class="art_head"><div class="art-chk"><input type="checkbox" name="reguser" value="Deki" /></div>Artilk-1 </div>
<div class="art_body">Artikl 1 ima sve</div>
</div>
这给了我标题中的复选框，但是当我检查它时，它会扩展文章。
我也试过这个：
<div class="art_list">
<input type="checkbox" class="art-chk" name="reguser" value="Deki" />
<p class="art_head">Artikl-2 </p>
<div class="art_body">Artikl 2 ima sve</div>
</div>
它隐藏了标题中的复选框，无论我是否尝试将 z-index 用于艺术列表、艺术头、低于艺术检查，我都看不到它。
这是JS：
function hideShowArticles(){
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(".art_body").hide();
//toggle the componenet with class msg_body
$(".art_head").click(function()
{
$(this).next(".art_body").slideToggle(600);
});
});
}
那么我错过了什么？
我需要：[X] 标题
并且只点击“标题”展开文章，点击复选框，选择文章而不展开它。单击标题可展开复选框和标题下方的文章，它们仍位于整个描述之上。