Even better, to allow for nested lists:
jQuery(document).ready(function($){ //Edit .todo-list ul appearance
- $('.checklist_in_post > ul').wrap("<form id='todo-list'>");
+ $('.checklist_in_post > ul').wrap("<form class='todo-list'>");
$id = 1;
- $('.checklist_in_post ul li').each(function() {
- $text = $(this).text() ;
+ $('.checklist_in_post > form.todo-list > ul > li').each(function() {
+ $text = $(this).html() ;
Then in checklist-in-post/css/checklist_in_post_frontend.css
:
- .checklist_in_post ul {
+ .checklist_in_post > form.todo-list > ul {
…
- .checklist_in_post ul li{
+ .checklist_in_post > form.todo-list > ul > li{
…
- #todo-list{
+ form.todo-list{
…
- #todo-list:before{
+ form.todo-list:before{