أكورديون

[heading size=”30px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”right” margin=”20px”]أكورديون أفقي[/heading]
[heading size=”20px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”center” margin=”20px”]النمط الاول[/heading]
[accordion type=”horizontal” height=”350px” width=”100%” trigger=”click” style=”first-style” background_color=”#3a491a”][accordion_section title=”الأول” active=”true”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثاني”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثالث”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الرابع”][dummytext type=”words” amount=”100″][/accordion_section][/accordion]

[heading size=”20px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”center” margin=”20px” ]النمط الثاني[/heading]
[accordion type=”horizontal” height=”350px” width=”100%” trigger=”click” style=”second-style” background_color=”#018a9c”][accordion_section title=”الأول” active=”true”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثاني”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثالث”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الرابع”][dummytext type=”words” amount=”100″][/accordion_section][/accordion]

[heading size=”20px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”center” margin=”20px” ]النمط الثالث[/heading]
[accordion type=”horizontal” height=”350px” width=”100%” trigger=”click” style=”third-style” background_color=”#ffffff”][accordion_section title=”الأول” active=”true”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثاني”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثالث”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الرابع”][dummytext type=”words” amount=”100″][/accordion_section][/accordion]

[heading size=”20px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”center” margin=”20px” ]النمط الرابع[/heading]
[accordion type=”horizontal” height=”350px” width=”100%” trigger=”click” style=”fourth-style” background_color=”#bc006e”][accordion_section title=”الأول” active=”true”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثاني”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثالث”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الرابع”][dummytext type=”words” amount=”100″][/accordion_section][/accordion]

[heading size=”30px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”right” margin=”20px”]أكورديون عمودي[/heading]
[heading size=”20px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”center” margin=”20px” ]النمط الأول[/heading]
[accordion type=”vertical” height=”100%” width=”100%” trigger=”click” style=”first-style” background_color=”#625b56″][accordion_section title=”الأول” active=”true”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثاني”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثالث”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الرابع”][dummytext type=”words” amount=”100″][/accordion_section][/accordion]

[heading size=”20px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”center” margin=”20px” ]النمط الثاني[/heading]
[accordion type=”vertical” height=”100%” width=”100%” trigger=”click” style=”second-style” background_color=”#e98813″][accordion_section title=”الأول” active=”true”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثاني”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثالث”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الرابع”][dummytext type=”words” amount=”100″][/accordion_section][/accordion]

[heading size=”20px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”center” margin=”20px” ]النمط الثالث[/heading]
[accordion type=”vertical” height=”400px” width=”100%” trigger=”click” style=”third-style” background_color=”#3a491a”][accordion_section title=”الأول” active=”true”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثاني”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثالث”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الرابع”][dummytext type=”words” amount=”100″][/accordion_section][/accordion]
[heading size=”20px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”center” margin=”20px” ]النمط الرابع[/heading]
[accordion type=”vertical” height=”100%” width=”100%” trigger=”click” style=”fourth-style” background_color=”#74941f”][accordion_section title=”الأول” active=”true”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثاني”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثالث”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الرابع”][dummytext type=”words” amount=”100″][/accordion_section][/accordion]

[heading size=”20px” background_color=”#0f6e7a” text_color=”#0e828c” style=”first-style” align=”center” margin=”20px” ]تغير بالتمرير[/heading]
[accordion type=”horizontal” height=”350px” width=”100%” trigger=”hover” style=”third-style” background_color=”#ffffff”][accordion_section title=”الأول” active=”true”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثاني”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الثالث”][dummytext type=”words” amount=”100″][/accordion_section][accordion_section title=”الرابع”][dummytext type=”words” amount=”100″][/accordion_section][/accordion]

[accordion type=”horizontal” height=”350px” width=”750px” style=”first-style” background_color=”#195685″ title=”false”]
[accordion_section title=”الصورة الأولى” active=”true”][image image_url=”http://localhost/wp/wp-content/uploads/2015/12/p038ly4w.jpg” width=”100%” height=”100%” title=”First Image” description=”Description” effect=”first-effect” ][/accordion_section]
[accordion_section title=”الصورة الثانية” ][image image_url=”http://localhost/wp/wp-content/uploads/2015/12/p038lwnv.jpg” width=”100%” height=”100%” title=”First Image” description=”Description” effect=”second-effect” ][/accordion_section]
[accordion_section title=”الصورة الثالثة” ][image image_url=”http://localhost/wp/wp-content/uploads/2015/12/p038lw20.jpg” width=”100%” height=”100%” title=”First Image” description=”Description” effect=”third-effect” ][/accordion_section]
[/accordion]