Skip to content

Commit 1720440

Browse files
frankpaganfrankpagan
committed
clean tree
1 parent 9fe659b commit 1720440

File tree

2 files changed

+21
-21
lines changed

2 files changed

+21
-21
lines changed

‎demo/CoCreate-conditional-logic.html‎

Lines changed: 2 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -17,24 +17,20 @@
1717
</style>
1818

1919
</head>
20-
2120
<body>
2221

23-
2422
<h5 style='color:blue'>Toggle</h5>
2523

2624
<div data-hide='#testdiv,#div2' data-show='.testdiv,.div2'>
2725
<div class="test">click me</div><br/>
2826
</div>
2927

30-
3128
<div data-hide='#testdiv,#div2' data-show='.testdiv,.div2'>
3229
<i class="fa fa-plus-circle" data-transform_to="fas fa-minus-circle"></i>
3330
</div>
3431
<div id='testdiv' class="hidden testdiv"> Only SHOW </div>
3532
<div id="div2" class="hidden div2"> Only SHOW2</div>
3633

37-
3834
<h5 style='color:blue'>show</h5>
3935
<div data-show='#showdiv' data-hide='#hidediv'>
4036
<i class="fas fa-plus-circle" data-transform_to="fas fa-minus-circle"></i>
@@ -61,7 +57,6 @@ <h3 class='my_show'> only show 2</h3>
6157
<h4 class='my_hide' class="hidden"> Tag hide 2</h4>
6258
<h3 class='my_hide' class="hidden"></h3> Tag hide 3</h3>
6359

64-
6560
<h6 style='color:blue'>3 example <b>CHECKBOX</b> SHOW (2 elements by class) HIDE (3 element by class)</h6>
6661
<input type='checkbox' checked="true" data-show='.my_show_check' data-hide='.my_hide_check'/>
6762
<div class='my_show_check'> Only SHOW 1</div>
@@ -129,7 +124,6 @@ <h6 style='color:blue'>6 example SELECT</h6>
129124
<div class='ctr_check' class="hidden"> CHECK2</div>
130125
<div id='ctr_other' class="hidden"> OTHER</div>
131126

132-
133127
<h6 style='color:blue'>7 example SELECT (show multiples)</h6>
134128
<select multiple="true">
135129
<option value="">Payment Method</option>
@@ -154,17 +148,8 @@ <h6 style='color:blue'>7 example SELECT (show multiples)</h6>
154148
}
155149
</script>
156150

157-
<!-- CoCreateJS -->
158-
<!--<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>-->
159-
160-
<!-- CoCreateUI -->
161-
162-
163-
<!-- CoCreate Conditional logic -->
164-
<script src="./CoCreate-conditional-logic.js"></script>
165-
166-
<!-- CoCreate Flip Item -->
167-
<!--<script src="https://cdn.cocreate.app/CoCreate-flip-item.min.js"></script>-->
151+
<!-- CoCreate JS CDN -->
152+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
168153

169154
</body>
170155
</html>

‎docs/index.html‎

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -44,12 +44,19 @@ <h2>CoCreate-conditional-logic</h2>
4444
<p class="max-width:500px margin:20px_0px">Show or Hide html elements triggered by a click or change action.</p>
4545
<div id="conditional-logic-section" class="display:flex flex-wrap:wrap">
4646
<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px">
47-
<h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Install</h2>
47+
48+
<div>
49+
<h2 id="conditional-logic-installation" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Install</h2>
50+
<a class="display:none" href="#conditional-logic-installation"><i class="fas fa-link"></i></a>
51+
</div>
4852
<pre><code class="language-javascript">npm install @cocreate/conditional-logic</code></pre>
4953
<p class="padding:10px_0px">Or you can use cdn link:</p>
5054
<pre><code class="language-javascript">https://cdn.cocreate.app/latest/cocreate.min.js</code></pre>
5155

52-
<h2 class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Usage</h2>
56+
<div>
57+
<h2 id="conditional-logic-usage" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Usage</h2>
58+
<a class="display:none" href="#conditional-logic-usage"><i class="fas fa-link"></i></a>
59+
</div>
5360
<div class="">
5461
<p class="padding:10px_0px">This is conditional-logic reference</p>
5562

@@ -67,7 +74,11 @@ <h2 class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Us
6774
</div>
6875
<p class="padding:10px_0px">This is conditional-logic reference</p>
6976
</div>
70-
<h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Attributes</h2>
77+
78+
<div>
79+
<h2 id="conditional-logic-attributes" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Attributes</h2>
80+
<a class="display:none" href="#conditional-logic-attributes"><i class="fas fa-link"></i></a>
81+
</div>
7182
<ul class="list-style-type:none ">
7283
<li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
7384
<h4><span>data-show</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
@@ -81,8 +92,12 @@ <h4><span>data-hide</span> <span class="cocreate-badge success">string</span> <s
8192
</div>
8293

8394
<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey">
95+
8496
<!-- SandBox -->
85-
<h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
97+
<div>
98+
<h2 id="conditional-logic-demo" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
99+
<a class="display:none" href="#conditional-logic-demo"><i class="fas fa-link"></i></a>
100+
</div>
86101
<div class="position:sticky top:0 padding:15px_0px height:100vh">
87102
<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="form-sandbox">
88103
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7">

0 commit comments

Comments
 (0)