Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
H
HCI Theme
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
1
Issues
1
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Operations
Operations
Incidents
Environments
Packages & Registries
Packages & Registries
Container Registry
Analytics
Analytics
CI / CD
Repository
Value Stream
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
HCI-Development
HCI Theme
Commits
6b86d3a4
Commit
6b86d3a4
authored
Jul 08, 2020
by
tron
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
new accordion feature
parent
adc2cab8
Pipeline
#24707
passed with stage
in 13 minutes and 33 seconds
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
38 additions
and
0 deletions
+38
-0
_includes/accordion.html
_includes/accordion.html
+38
-0
No files found.
_includes/accordion.html
0 → 100644
View file @
6b86d3a4
<style>
ul
.jekyllcodex_accordion
{
position
:
relative
;
margin
:
1.4rem
0
!important
;
padding-bottom
:
0
;}
ul
.jekyllcodex_accordion
>
li
{
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.25
);
list-style
:
none
;
margin-left
:
0
;}
ul
.jekyllcodex_accordion
>
li
>
input
{
display
:
none
;}
ul
.jekyllcodex_accordion
>
li
>
label
{
display
:
block
;
cursor
:
pointer
;
padding
:
0.75rem
2.4rem
0.75rem
0
;
margin
:
0
;}
ul
.jekyllcodex_accordion
>
li
>
div
{
display
:
none
;
padding-bottom
:
1.2rem
;}
ul
.jekyllcodex_accordion
>
li
>
input
:checked
+
label
{
font-weight
:
bold
;}
ul
.jekyllcodex_accordion
>
li
>
input
:checked
+
label
+
div
{
display
:
block
;}
ul
.jekyllcodex_accordion
>
li
>
label
::before
{
content
:
"\e802"
;
font-weight
:
normal
;
position
:
absolute
;
right
:
1rem
;
margin
:
1rem
1rem
0
0
;
font-family
:
"fontello"
;}
ul
.jekyllcodex_accordion
>
li
>
input
:checked
+
label
::before
{
transform
:
rotate
(
90deg
);}
ul
.jekyllcodex_accordion
>
li
>
div
>
ul
>
li
{
list-style
:
disc
;}
</style>
<ul
class=
"jekyllcodex_accordion"
>
{% for item in include.accordion %}
{% if item.checked %}
<li><input
id=
"accordion{{ include.id | append: forloop.index }}"
type=
"checkbox"
checked=
checked/
><label
for=
"accordion{{ include.id | append: forloop.index }}"
><h2>
{{ item.title }}
</h2></label>
<div>
{% if item.img %}
{% include image src=item.img style=item.style %}
{% else %}
{{ item.content | markdownify }}
{% endif %}
</div>
</li>
{% else %}
<li><input
id=
"accordion{{ include.id | append: forloop.index }}"
type=
"checkbox"
/><label
for=
"accordion{{ include.id | append: forloop.index }}"
><h2>
{{ item.title }}
</h2></label>
<div>
{% if item.img %}
{% include image src=item.img style=item.style %}
{% else %}
{{ item.content | markdownify }}
{% endif %}
</div>
</li>
{% endif %}
{% endfor %}
</ul>
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment