Open close Icons

  • Resolved Jurko

    (@jurko)


    7 years ago

    Hello I was wondering If you could maybe add a icon that shows the accordion is able to open or close. At the moment if the accordion shows no significance it is clickable or openable it just looks like a title, not even the mouse cursor changes. I think a lot of internet users wont even notice there is content underneath the accordion title. I thought I just type in (expandable) behind the title but that just looks stupid when its open.

    Just a slight arrow pointing down and and up(depending on open or closed) should do It combined with changing of cursor maybe. Would be real awesome if you could implement this.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author philbuchanan

    (@philbuchanan)

    You can use some simple CSS to your theme to add an indicator. I intentionally don’t include the arrows so as to not force a particular style on everyone.

    Here is some sample CSS that will add a + to indicate there is more content if clicked and a – to indicate an item is collapsible. It will also add the pointer mouse cursor.

    .accordion-title {
	cursor: pointer;
}

.accordion-title:after {
	content: "+";
	float: right;
}

.accordion-title.open:after {
	content: "\2212";
}
    Thread Starter Jurko

    (@jurko)

    Thank you very much, that will do just fine. nice quick response also in the weekend ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Open close Icons’ is closed to new replies.

Tags