Toggle content divs

by William Robinson

HTML

<div class="title">
	Title 1
</div>
<div class="content">
	Content 1
</div>
<div class="title">
	Title 2
</div>
<div class="content">
	Content 2
</div>
<div class="title">
	Title 3
</div>
<div class="content">
	Content 3
</div>

CSS

.title{
    cursor: pointer;
  }
  .title:hover{
    font-weight: bold;
  }
  .content{
  	border: 1px solid #000;
  	display: none;
    margin-bottom: 10px;
  }

JavaScript

$('.title').on('click',function(){
	$(this).next().toggle();
});