Jquery 默认设置并使用链接作为切换

Jquery 默认设置并使用链接作为切换,jquery,toggle,Jquery,Toggle,首先,我刚刚开始学习jQuery 我试图避免默认的博客标题链接,而是将其用作下面博客内容的切换。因为所有博客条目都使用我需要使用的同一个类。下一步仅选择下一个类。我会喜欢任何关于如何让这个代码工作的建议。谢谢 <script type="text/javascript"> $('.u-url').click(function(event){ event.preventDefault(); }); $('.u-url').click(function(){ $(this).

首先,我刚刚开始学习jQuery

我试图避免默认的博客标题链接,而是将其用作下面博客内容的切换。因为所有博客条目都使用我需要使用的同一个类。下一步仅选择下一个类。我会喜欢任何关于如何让这个代码工作的建议。谢谢

<script type="text/javascript">
$('.u-url').click(function(event){
    event.preventDefault();
});

$('.u-url').click(function(){
 $(this).next('.entry-content').toggle();
});
</script>

$('.u-url')。单击(函数(事件){
event.preventDefault();
});
$('.u-url')。单击(函数(){
$(this).next('.entry content').toggle();
});
标记很复杂…但不是我创建的。这是Squarespace网站的一部分。我已经删除了不适用的div(如未隐藏的发布日期或部分问题)



我用CSS隐藏了“条目内容”,并试图在单击博客文章标题时将其切换。

尝试使用
.closest()
获得与提供的选择器匹配的父元素,然后用类
抓取它的下一个元素。条目内容
,然后
切换它

$('.u-url').click(function(event){
   event.preventDefault();
   $(this).closest(':header').next('.entry-content').toggle();
});
您的代码不起作用,因为
.entry content
不是当前元素的直接同级元素,即
$(this)


编辑:

$('.u-url').click(function(event){
   event.preventDefault();
   $(this).closest('header.entry-header').next('.entry-content').toggle();
});

我看到它在演示中工作,但在站点上不工作。@twoarmtom你能将我链接到你的实时站点吗?。我正在创建此演示站点,因此它不是“活动”的。单击“访问者”并键入它提供给您的代码。@twoarmtom请尝试更新的代码,我刚刚查看了您的网站。:)@汤姆很乐意帮忙。。!
$('.u-url').click(function(event){
   event.preventDefault();
   $(this).closest('header.entry-header').next('.entry-content').toggle();
});