# Accordion

Ez a leírás segítséget ad a Accordion widget beállításaiban, és a stílusok módosításában.

<div class="vc_row wpb_row vc_row-fluid" id="bkmrk-megjegyz%C3%A9s%3A%C2%A0a-widget"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="wpb_text_column wpb_content_element "><div class="wpb_wrapper">  
</div></div><div class="vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-info vc_custom_1600168303514"><div class="vc_message_box-icon">  
</div><div class="ricsi info alert alert-info"><span class=".">**Megjegyzés:** A widget az **Alapértelmezett Stílussal** jön létre amelyet a beállított sablon ad, azonban ez szabadon **módosítható**.</span></div></div></div></div></div></div>#### ACCORDION WIDGET ELHELYEZÉSE

A baloldalon található Widget Panel-ről húzza a Accordion-t az oldalára.

1. Kattintson az **Add new Accordion** elem gombra ahhoz, hogy új Accordion elemet adhasson hozzá.
2. Ha szeretné **eltávolítani az Accordion elemet** kattintson a **törlés ikonra** az Accordion elem részen.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Accordion-dragdrop.png)

#### ACCORDION ELEM BEÁLLÍTÁSAI

1. A **szekció cím** részen adhatja meg az Accordion elem címét.
2. A **szekció tartalom** részen állíthatja be az adott elem tartalmát.
3. Vagy kattinthat az **Open in SitePad Editor** gombra is ahhoz, hogy a tartalmat beillessze.
4. Jelölje be az **Active** jelölőnégyzetet, az adott elem alapértelmezetté tételéhez. <div class="ricsi info alert alert-info"><span class=".">**Megjegyzés:** Csak egy elem lehet aktív.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Accordion-itemsettings.png)</span></div>

#### ACCORDION STÍLUSOK

Két stílus közül választhat: **1)** Elem szerkesztés, és a stílus megadása és a **2)** Előre definiált stílus

1. Az **Elem szerkesztés, és a stílus megadása** lehetőségnél lehetősége van egyedi stílus létrehozására is, ahol beállítható többek között a háttér szín, szöveg szín, padding, keret-rádiusza, stb.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Accordion-style.png)

1. **Előre definiált** stílusok **class**-okat adnak az Accordion-hoz mint például **Sötét és világos**.
2. Mindezek mellett lehetősége van **egyedi class**-ok létrehozására is.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Accordion-prestyle.png)