显示和隐藏两个不同的<div>元素</div>

Question

我正致力于隐藏和显示功能。 当我点击无线时，它应该打开相应的div元素。 当我点击一个li时，它会打开相应的div。 我收到错误：无法读取属性显示。 我如何解决以下代码提供的问题：

http://jsbin.com/zutediki/1/edit

function toggle(){
    content.style.display = content.style.display == 'block' ? 'none' : 'block';
}

Answer 1

像这样使用toggle()（fiddle）：

$(".service-list__item").click(function(){
   $(this).next(".content").toggle(); 
});

_另见next()

的问题：

1. 您有多个元素具有相同的id。
2. 您还获得了自由浮动列表项
   • li的允许父母为ul，ol和<menu>（reference）