JSFiddle - React, Tailwind, and code Playground

by emturano

HTML

<script src="http://jqueryjs.googlecode.com/svn-history/r6125/trunk/plugins/cookie/jquery.cookie.js"></script>
		<div id="todo-list_top">
			<div style="background: #444; width: 80px; height: 80px">
				<a href="javascript:void(0)" title="Bold To-Do Items"><div id="bold_items" class="opac"></div></a>
			</div>
		</div><p>

<div class="todo-list">todo-list</div>
<div class="hasDatepicke2">hasDatepicke2</div>

CSS

.opac {
    background: #888;
    display: block
    margin: 0 auto;
    width: 40px;
    height: 40px;
}

.todo-text-bold {
    font-weight: bold;
}

JavaScript

var text_bold = $.cookie('text_bold');
if(text_bold) {
    $(".todo-list, .hasDatepicke2").attr('class', text_bold);
}
$("#bold_items").click(function() {
    $(".todo-list, .hasDatepicke2").toggleClass("todo-text-bold");
    $.cookie('text_bold', $(".todo-list, .hasDatepicke2").attr('class'));
});