Customized Toggles

Hi Jordan,
I need the code as I change Border strength and color, or set Borders to not visible.
The icons I would also like to build as shown in the screenshot. e.g. in the Theme Enfold border make invisible, the icons black and larger.
All toggle backgrounds should be transparent.

Merci
Jürgen

one more little thing:
the horizontal borders should look the same in the closed state. Is it possible to adjust the borders thickness the same.
See red markings in the screenhots.
If we have that, everything fits ;-)

Best regards
Jürgen

Hi Viktoria,
very nice, everything fits.
Another question:
When you close a toggle, it closes with a slide (accordion style). If you open a toggle, it will appear without this slide effect. Can I have this effect for both: So for opening and closing?

Many Thanks
Jürgen

Hi,
ok, no problem, you helped me so very well. I have summarized the code for the toggles here, so that other users can use it. The toggles look very smart if you want to build a puristic website:
Many Thanks,
Jürgen

.single_toggle .toggler {
border-top: #000 2px solid;
text-transform: uppercase;
border-bottom: #000 2px solid;
background: transparent!important;
border-left: none;
border-right: none;
}
.single_toggle p[data-fake-id=”#toggle-id-2″] {
border-top: none;
}
.main_color .toggle_content {
background: transparent!important;
border-left: none;
border-right: none;
}
.toggle_content.invers-color {
border-bottom: #000 2px solid;
}
.main_color span.hor_icon, .main_color span.vert_icon {
border-color: #000;
}
span.toggle_icon{
border:none!important;
}