javascript - 在点击(切换)时显示div使其无法正常工作

我在让它开始工作时遇到了一些困难。
基本上，我想隐藏一个div，但是单击上一个div时将其显示，作为一个切换而不是悬停。

我已将上一篇文章用作指导，但似乎无法使其正常工作。 JS的新手，因此非常感谢您的帮助。

这是到目前为止我所掌握的东西：https://jsfiddle.net/ss5308b2/3/

 <div class="detail-service">
<div class="card-link">
   <h3>Basic Wash</h3>
</div>
<div class="card-content">
 <ul>
     <li>Wash vehicle</li>
     <li>Remove any road dirt and contaminates</li>
     <li>Clean wheels safely with acid free cleaner</li>
     <li>Dry using a non scratch micro fibre cloth</li>
     <li>Spray polish applied to vehicle</li>
 </ul>
</div>
<p>£10.00</p>

$('.card-link').live('click', function(){
$(this).next('.card-content').toggle();
});

$(document).ready(function(){
$('.card-content').hide();
});

最佳答案

只需在Fiddle代码中添加jQuery，并在以下代码中替换代码：

$(this).next().toggle();

关于javascript - 在点击(切换)时显示div使其无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33620376/