CodeKhel

download

ReadMore and ReadLess Jquery Script ==> Tested   <style>  .morecontent span {     display: none; } .morelink {     display: block; }   </style>   <script>        $(document).ready(function() {     // Configure/customize these variables.     var showChar = 100;  // How many characters are shown by default     var ellipsestext = "...";     var moretext = "Show more >";     var lesstext = "Show less";          $('.more').each(function() {         var content = $(this).html();         if(content.length > showChar) {             var c = content.substr(0, showChar);             var h = content.substr(showChar, content.length - showChar);         ...

 HTML==> <fieldset class="scheduler-border"> <legend class="scheduler-border">Search by Offender Details</legend> <div class="col-md-12"> <p> This is just test. </p> </div> </fieldset>  CSS==> <style> /* fieldset Css starts*/ fieldset.scheduler-border {     border: 1px groove #ddd !important;     padding: 0 1.4em 1.4em 1.4em !important;     margin: 0 0 1.5em 0 !important;     -webkit-box-shadow:  0px 0px 0px 0px #000;      box-shadow:  0px 0px 0px 0px #000; } legend.scheduler-border {     font-size: 1.2em !important;     font-weight: bold !important;     text-align: left !important;     width:auto;     padding:0 10px;     border-bottom:none; } /* end of fieldset Css*/ </style>

HTML==> <nav id="sidebar">              <ul class="list-unstyled components nav">                          <li><a href="about-project.jsp"><i class="glyphicon glyphicon-briefcase"></i>About project</a></li>             <li><a href="orgchart.jsp"><i class="fa fa-sitemap" aria-hidden="true"></i>Organisation chart</a></li>             <li><a href="profiledata"><i class="fa fa-users"></i>Prosecutor's                Profile</a>             </li>             <li><a href="links.jsp"><i class="fa fa-link" aria-hidden="true"></i> Link Portal</a></li>       ...

 I'm writing this due to I had a use case come up for this state: nested checkboxes.checkbox may have child checkboxes. If all those children are checked, it may be checked. If none are checked, it is unchecked. If some of them are checked, then it's in an partially checked state (inderterminate state). Partially checked state of checkbox (indeterminate state): ==> Fully checked state of checkbox: ==> Download Code