append noncollapsable className to css file

dabeng · Jun 22, 2016 · 2433de0 · 2433de0
1 parent 27c07a4
commit 2433de0
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -589,6 +589,15 @@ This method is designed to get the hierarchy relationships of orgchart for furth
   </tbody>
 </table>
 
+### Tips
+- **How can I deactivate expand/collapse feature of orgchart?**(inspired by the [issue](https://github.com/dabeng/OrgChart/issues/25). Thank der-robert and ActiveScottShaw for their constructive discussions:blush)
+Users can enable/disable exapand/collapse feature with className "noncollapsable" as shown below.
+```js
+$('.orgchart').addClass('noncollapsable');
+
+$('.orgchart').removeClass('noncollapsable');
+```
+
 ## Browser Compatibility
 - Chrome 19+
 - Firefox 4+

diff --git a/dist/css/jquery.orgchart.css b/dist/css/jquery.orgchart.css
@@ -267,6 +267,10 @@
   -webkit-transition: .2s;
 }
 
+.orgchart.noncollapsable .node .edge {
+  display: none;
+}
+
 .orgchart .edge:hover {
   color: #449d44;
   cursor: pointer;

diff --git a/examples/css/jquery.orgchart.css b/examples/css/jquery.orgchart.css
@@ -267,6 +267,10 @@
   -webkit-transition: .2s;
 }
 
+.orgchart.noncollapsable .node .edge {
+  display: none;
+}
+
 .orgchart .edge:hover {
   color: #449d44;
   cursor: pointer;