how create a new div parent for some divs via jquery?

Question

I have a html code like this:

<div class="tiltleclass"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="tiltleclass"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="tiltleclass"></div>

What can I do when I click on a div with "tiltleclass" class the divs between this div till next div with "tiltleclass" class toggle? In my program this structure is in many pages so I can't get new classes to them. Is there a way in jquery to do this?

Answer 1

This works, using jQuery's nextUntil() method:

$(".tiltleclass").on('click', function() {
     $(this).nextUntil(".tiltleclass").toggle();
});

Fiddle here.

Answer 2

You can use nextUntil as follows:

$(".tiltleclass").click(function(){
  $(this).nextUntil(".tiltleclass").toggle();
});

Demo