jQuery Nestable - Nesting done well

Simple Nesting System!

<ol class="dd-list">
  <li class="dd-item">
    <div class="dd-handle">Title</div>
  </li>
</ol>

Note: Nestable requires additional javascript nestable.js

Animations OnLoad:

Animations are fired immeditiely when the page loads and are a great way to introduce new content.

Adding an Animation to an Element:

<div class="animated fadeIn">..</div>

Nestable list only with titles


  1. LifeStyle
  2. Sports
  3. Gossip
    1. Item 4
      1. Item 5
      2. Item 6
      3. Item 7
    2. Item 8
    3. Item 9

Example Styled Nestable List


  1. LifeStyle
    1. Camping trips for Girls

      Sara Downs - 08/16/22

      Last Updated 36 days ago by Max
      Attachments
      Updated
      • The-Grand-Canyon_Cover.jpeg
      • military_vet_interview-questions.text
  2. Sports
    1. Camping trips for Girls

      Sara Downs - 08/16/22

      Last Updated 36 days ago by Max
    2. What Women Love

      Sara Downs - 08/16/22

      Last Updated 36 days ago by Max

Example with Contextual Nodes


  1. LifeStyle
    1. Camping trips for Girls

      Sara Downs - 08/16/22

      Last Updated 36 days ago by Max
      Attachments
      Updated
      • The-Grand-Canyon_Cover.jpeg
      • military_vet_interview-questions.text
  2. Sports
    1. Camping trips for Girls

      Sara Downs - 08/16/22

      Last Updated 36 days ago by Max
    2. What Women Love

      Sara Downs - 08/16/22

      Last Updated 36 days ago by Max
Template Panel