Akkordeon [Grid Accordion]

Dieses Element erstellt den beliebten Akkordeon- oder auch Zieharmonika-Effekt auf der Webseite. Sie können auf der Seite beliebig viele Akkordeons anlegen. Innerhalb eines Akkordeons können wiederum beliebig viele Akkordeon-Inhaltselemente angelegt werden. Der Effekt wirkt sich dann standardmäßig auf alle Akkordeon-Inhaltselemente aus, sodass davon immer nur eines auf einmal seinen Inhalt darstellt, während die Inhalte der anderen Inhaltselemente eines Akkordeons versteckt werden und nur deren Überschriften sichtbar sind.

Accordion Inhalt

Wenn der Besucher auf eine Überschrift klickt, dehnt sich der Platz unter dieser Überschrift aus und der Inhalt wird angezeigt (»der Inhalt fährt unter der Überschrift heraus«), während alle anderen Akkordeon-Inhalte wieder versteckt werden.

Der Akkordeon-Effekt hat den entscheidenden Vorteil, dass man damit platzsparend Inhalte aufbereiten kann. Gleichzeitig erkennen aber unerfahrene Besucher nicht intuitiv, wie sie ein Akkordeon auf der Webseite nutzen können.

Deshalb ist es wichtig, dass der Webdesigner das Akkordeon besonders grafisch aufwertet, damit Besucher verstehen, dass sie auf die Akkordeon-Überschriften klicken müssen, um die weiteren Inhalte zu sehen.

Sie sollten den Akkordeon-Effekt deshalb in Maßen und nur nach Abstimmung mit Ihrem Administrator bzw. Webdesigner einsetzen. Ein Akkordeon mit nur einem Akkordeon- Inhaltselement macht keinen Sinn. Sie sollten es daher nur nutzen, wenn Sie mehrere Akkordeon-Inhaltselemente erstellen.

Akkordeon mit nur einem Inhalts-Item

Bavaria ipsum dolor sit amet obacht Foidweg Edlweiss, vui huift vui a Maß und no a Maß do! Ma i mog di fei Namidog auf gehds beim Schichtl Broadwurschtbudn zünftig dahoam Guglhupf. Dringma aweng back mas i bin a woschechta Bayer, auffi heitzdog. Und sei zünftig Foidweg großherzig no Woibbadinga, hoggd des is a gmahde Wiesn. Mim hogg di hera zünftig Servas Schorsch vui und glei wirds no fui lustiga a bravs und, naa. I Gaudi ham mechad schnacksln! Mi Blosmusi eana do legst di nieda bitt wos Bradwurschtsemmal Wiesn! Jedza no a Maß Watschnbaam i mechad dee Schwoanshaxn bitt Guglhupf obandln gfreit mi, ma sodala. I hob di narrisch gean bittschön nia Sauwedda pfundig sammawiedaguad oamoi Marei Maibam. Edlweiss sauba amoi da kimmt hob i an Suri Radi Blosmusi wea ko, dea ko griaß God beinand.

Akkordeon mit anderen Grid Elementen

Leonhardifahrt resch dahoam auf der Oim, da gibt’s koa Sünd, umma Marei baddscher a Prosit der Gmiadlichkeit Schuabladdla pfiad de ma. Blosmusi vo de singd, im Beidl wolpern wolpern da, hog di hi resch mechad hod. D’ im Beidl Stubn Ramasuri a fescha Bua. A ganze Hoiwe Blosmusi sauba zua Biakriagal und a bravs Baamwach ned woar, dahoam. Da Kini imma auf der Oim, da gibt’s koa Sünd ognudelt amoi Biaschlegl, naa Graudwiggal.

Adressen aus komXcontact

Angelclub Neuburg an der Kammel

AdresseAngelclub Neuburg an der Kammel
Eifelstr. 148
86476 Neuburg an der Kammel

Bienenzuchtverein Röckwitz

AdresseBienenzuchtverein Röckwitz
Neusser Str. 109
17091 Röckwitz

Adressen aus zusätzlichem Inhalt

Kindergarten Blumentopf

AdresseKindergarten Blumentopf
Hauptstraße 1
12345 Dulchingen
Kontakt
Telefon: 01234/56789
Fax: 01234/56789

Kindergarten Sonnenschein

AdresseKindergarten Sonnenschein
Sonnenstraße 12
12345 Dulchingen
Kontakt
Telefon: 01234/56789
Fax: 01234/56789

Personen aus komXcontact

Name Telefon Telefax Zimmer
Beate Allen
Vereinsvorsitzende
02302 / 7356098 02302 / 23157426
Mona Beich
Ansprechpartnerin
+49 911 1234-21 A3

Personen aus zusätzlichem Inhalt

Name Telefon Telefax Zimmer
Christina Kind
Bürgermeisterin
01234/56789 01234/56789 1
Mia Muster
Geschäftsleiterin, Jugendamt
01234/56789 01234/56789 1
System.Web.HttpException (0x80004005): Fehler beim Ausführen der untergeordneten Anforderung für Handler System.Web.Mvc.HttpHandlerUtil+ServerExecuteHttpHandlerAsyncWrapper. ---> Lucene.Net.Store.AlreadyClosedException: this IndexReader is closed
   bei Lucene.Net.Index.IndexReader.EnsureOpen()
   bei Lucene.Net.Index.IndexReader.IncRef()
   bei Examine.LuceneEngine.SearchResults.GetEnumerator()
   bei System.Linq.Enumerable.WhereSelectEnumerableIterator`2.MoveNext()
   bei System.Linq.Buffer`1..ctor(IEnumerable`1 source)
   bei System.Linq.Enumerable.ToArray[TSource](IEnumerable`1 source)
   bei KomXCms.Core.BLL.MediaLogic.GetMediaItems(IEnumerable`1 mediaItems, List`1 recursiveMediaList)
   bei KomXCms.Core.BLL.MediaLogic.GetSortetMediaItems(IEnumerable`1 input, String sortMode)
   bei KomXCms.Core.Controllers.LdGridDocumentsSurfaceController.LdGridDocuments()
   bei lambda_method(Closure , ControllerBase , Object[] )
   bei System.Web.Mvc.ControllerActionInvoker.InvokeActionMethod(ControllerContext controllerContext, ActionDescriptor actionDescriptor, IDictionary`2 parameters)
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.<>c.<BeginInvokeSynchronousActionMethod>b__9_0(IAsyncResult asyncResult, ActionInvocation innerInvokeState)
   bei System.Web.Mvc.Async.AsyncResultWrapper.WrappedAsyncResult`2.CallEndDelegate(IAsyncResult asyncResult)
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.EndInvokeActionMethod(IAsyncResult asyncResult)
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.AsyncInvocationWithFilters.<>c__DisplayClass11_0.<InvokeActionMethodFilterAsynchronouslyRecursive>b__0()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.AsyncInvocationWithFilters.<>c__DisplayClass11_2.<InvokeActionMethodFilterAsynchronouslyRecursive>b__2()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.AsyncInvocationWithFilters.<>c__DisplayClass11_2.<InvokeActionMethodFilterAsynchronouslyRecursive>b__2()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.AsyncInvocationWithFilters.<>c__DisplayClass11_2.<InvokeActionMethodFilterAsynchronouslyRecursive>b__2()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.AsyncInvocationWithFilters.<>c__DisplayClass11_2.<InvokeActionMethodFilterAsynchronouslyRecursive>b__2()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.EndInvokeActionMethodWithFilters(IAsyncResult asyncResult)
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.<>c__DisplayClass3_6.<BeginInvokeAction>b__4()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.<>c__DisplayClass3_1.<BeginInvokeAction>b__1(IAsyncResult asyncResult)
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.EndInvokeAction(IAsyncResult asyncResult)
   bei System.Web.Mvc.Controller.<>c.<BeginExecuteCore>b__152_1(IAsyncResult asyncResult, ExecuteCoreState innerState)
   bei System.Web.Mvc.Async.AsyncResultWrapper.WrappedAsyncVoid`1.CallEndDelegate(IAsyncResult asyncResult)
   bei System.Web.Mvc.Controller.EndExecuteCore(IAsyncResult asyncResult)
   bei System.Web.Mvc.Async.AsyncResultWrapper.WrappedAsyncVoid`1.CallEndDelegate(IAsyncResult asyncResult)
   bei System.Web.Mvc.Controller.EndExecute(IAsyncResult asyncResult)
   bei System.Web.Mvc.MvcHandler.<>c.<BeginProcessRequest>b__20_1(IAsyncResult asyncResult, ProcessRequestState innerState)
   bei System.Web.Mvc.Async.AsyncResultWrapper.WrappedAsyncVoid`1.CallEndDelegate(IAsyncResult asyncResult)
   bei System.Web.Mvc.MvcHandler.EndProcessRequest(IAsyncResult asyncResult)
   bei System.Web.Mvc.HttpHandlerUtil.ServerExecuteHttpHandlerWrapper.<>c__DisplayClass5_0.<Wrap>b__0()
   bei System.Web.Mvc.HttpHandlerUtil.ServerExecuteHttpHandlerWrapper.Wrap[TResult](Func`1 func)
   bei System.Web.HttpServerUtility.ExecuteInternal(IHttpHandler handler, TextWriter writer, Boolean preserveForm, Boolean setPreviousPage, VirtualPath path, VirtualPath filePath, String physPath, Exception error, String queryStringOverride)
   bei System.Web.HttpServerUtility.ExecuteInternal(IHttpHandler handler, TextWriter writer, Boolean preserveForm, Boolean setPreviousPage, VirtualPath path, VirtualPath filePath, String physPath, Exception error, String queryStringOverride)
   bei System.Web.HttpServerUtility.Execute(IHttpHandler handler, TextWriter writer, Boolean preserveForm, Boolean setPreviousPage)
   bei System.Web.HttpServerUtility.Execute(IHttpHandler handler, TextWriter writer, Boolean preserveForm)
   bei System.Web.Mvc.Html.ChildActionExtensions.ActionHelper(HtmlHelper htmlHelper, String actionName, String controllerName, RouteValueDictionary routeValues, TextWriter textWriter)
   bei System.Web.Mvc.Html.ChildActionExtensions.Action(HtmlHelper htmlHelper, String actionName, String controllerName, RouteValueDictionary routeValues)
   bei Our.Umbraco.DocTypeGridEditor.Web.Extensions.HtmlHelperExtensions.RenderDocTypeGridEditorItem(HtmlHelper helper, IPublishedContent content, String editorAlias, String viewPath, String previewViewPath, Boolean isPreview)
   bei ASP._Page_App_Plugins_DocTypeGridEditor_Render_DocTypeGridEditor_cshtml.Execute() in D:\digitalfabriX\komXcms\Gde Dulchingen\komXcmsSeite_1_6_4\App_Plugins\DocTypeGridEditor\Render\DocTypeGridEditor.cshtml:Zeile 30.
   bei System.Web.WebPages.WebPageBase.ExecutePageHierarchy()
   bei System.Web.Mvc.WebViewPage.ExecutePageHierarchy()
   bei System.Web.WebPages.WebPageBase.ExecutePageHierarchy(WebPageContext pageContext, TextWriter writer, WebPageRenderingBase startPage)
   bei Umbraco.Core.Profiling.ProfilingView.Render(ViewContext viewContext, TextWriter writer)
   bei System.Web.Mvc.Html.PartialExtensions.Partial(HtmlHelper htmlHelper, String partialViewName, Object model, ViewDataDictionary viewData)
   bei ASP._Page_Views_Partials_grid_editors_base_cshtml.Execute() in D:\digitalfabriX\komXcms\Gde Dulchingen\komXcmsSeite_1_6_4\Views\Partials\grid\editors\base.cshtml:Zeile 20.
System.Web.HttpException (0x80004005): Fehler beim Ausführen der untergeordneten Anforderung für Handler System.Web.Mvc.HttpHandlerUtil+ServerExecuteHttpHandlerAsyncWrapper. ---> Lucene.Net.Store.AlreadyClosedException: this IndexReader is closed
   bei Lucene.Net.Index.IndexReader.EnsureOpen()
   bei Lucene.Net.Index.IndexReader.IncRef()
   bei Examine.LuceneEngine.SearchResults.GetEnumerator()
   bei System.Linq.Enumerable.WhereSelectEnumerableIterator`2.MoveNext()
   bei System.Linq.Buffer`1..ctor(IEnumerable`1 source)
   bei System.Linq.Enumerable.ToArray[TSource](IEnumerable`1 source)
   bei KomXCms.Core.BLL.MediaLogic.GetMediaItems(IEnumerable`1 mediaItems, List`1 recursiveMediaList)
   bei KomXCms.Core.BLL.MediaLogic.GetSortetMediaItems(IEnumerable`1 input, String sortMode)
   bei KomXCms.Core.Controllers.LdGridGallerySurfaceController.LdGridGallery()
   bei lambda_method(Closure , ControllerBase , Object[] )
   bei System.Web.Mvc.ControllerActionInvoker.InvokeActionMethod(ControllerContext controllerContext, ActionDescriptor actionDescriptor, IDictionary`2 parameters)
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.<>c.<BeginInvokeSynchronousActionMethod>b__9_0(IAsyncResult asyncResult, ActionInvocation innerInvokeState)
   bei System.Web.Mvc.Async.AsyncResultWrapper.WrappedAsyncResult`2.CallEndDelegate(IAsyncResult asyncResult)
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.EndInvokeActionMethod(IAsyncResult asyncResult)
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.AsyncInvocationWithFilters.<>c__DisplayClass11_0.<InvokeActionMethodFilterAsynchronouslyRecursive>b__0()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.AsyncInvocationWithFilters.<>c__DisplayClass11_2.<InvokeActionMethodFilterAsynchronouslyRecursive>b__2()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.AsyncInvocationWithFilters.<>c__DisplayClass11_2.<InvokeActionMethodFilterAsynchronouslyRecursive>b__2()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.AsyncInvocationWithFilters.<>c__DisplayClass11_2.<InvokeActionMethodFilterAsynchronouslyRecursive>b__2()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.AsyncInvocationWithFilters.<>c__DisplayClass11_2.<InvokeActionMethodFilterAsynchronouslyRecursive>b__2()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.EndInvokeActionMethodWithFilters(IAsyncResult asyncResult)
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.<>c__DisplayClass3_6.<BeginInvokeAction>b__4()
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.<>c__DisplayClass3_1.<BeginInvokeAction>b__1(IAsyncResult asyncResult)
   bei System.Web.Mvc.Async.AsyncControllerActionInvoker.EndInvokeAction(IAsyncResult asyncResult)
   bei System.Web.Mvc.Controller.<>c.<BeginExecuteCore>b__152_1(IAsyncResult asyncResult, ExecuteCoreState innerState)
   bei System.Web.Mvc.Async.AsyncResultWrapper.WrappedAsyncVoid`1.CallEndDelegate(IAsyncResult asyncResult)
   bei System.Web.Mvc.Controller.EndExecuteCore(IAsyncResult asyncResult)
   bei System.Web.Mvc.Async.AsyncResultWrapper.WrappedAsyncVoid`1.CallEndDelegate(IAsyncResult asyncResult)
   bei System.Web.Mvc.Controller.EndExecute(IAsyncResult asyncResult)
   bei System.Web.Mvc.MvcHandler.<>c.<BeginProcessRequest>b__20_1(IAsyncResult asyncResult, ProcessRequestState innerState)
   bei System.Web.Mvc.Async.AsyncResultWrapper.WrappedAsyncVoid`1.CallEndDelegate(IAsyncResult asyncResult)
   bei System.Web.Mvc.MvcHandler.EndProcessRequest(IAsyncResult asyncResult)
   bei System.Web.Mvc.HttpHandlerUtil.ServerExecuteHttpHandlerWrapper.<>c__DisplayClass5_0.<Wrap>b__0()
   bei System.Web.Mvc.HttpHandlerUtil.ServerExecuteHttpHandlerWrapper.Wrap[TResult](Func`1 func)
   bei System.Web.HttpServerUtility.ExecuteInternal(IHttpHandler handler, TextWriter writer, Boolean preserveForm, Boolean setPreviousPage, VirtualPath path, VirtualPath filePath, String physPath, Exception error, String queryStringOverride)
   bei System.Web.HttpServerUtility.ExecuteInternal(IHttpHandler handler, TextWriter writer, Boolean preserveForm, Boolean setPreviousPage, VirtualPath path, VirtualPath filePath, String physPath, Exception error, String queryStringOverride)
   bei System.Web.HttpServerUtility.Execute(IHttpHandler handler, TextWriter writer, Boolean preserveForm, Boolean setPreviousPage)
   bei System.Web.HttpServerUtility.Execute(IHttpHandler handler, TextWriter writer, Boolean preserveForm)
   bei System.Web.Mvc.Html.ChildActionExtensions.ActionHelper(HtmlHelper htmlHelper, String actionName, String controllerName, RouteValueDictionary routeValues, TextWriter textWriter)
   bei System.Web.Mvc.Html.ChildActionExtensions.Action(HtmlHelper htmlHelper, String actionName, String controllerName, RouteValueDictionary routeValues)
   bei Our.Umbraco.DocTypeGridEditor.Web.Extensions.HtmlHelperExtensions.RenderDocTypeGridEditorItem(HtmlHelper helper, IPublishedContent content, String editorAlias, String viewPath, String previewViewPath, Boolean isPreview)
   bei ASP._Page_App_Plugins_DocTypeGridEditor_Render_DocTypeGridEditor_cshtml.Execute() in D:\digitalfabriX\komXcms\Gde Dulchingen\komXcmsSeite_1_6_4\App_Plugins\DocTypeGridEditor\Render\DocTypeGridEditor.cshtml:Zeile 30.
   bei System.Web.WebPages.WebPageBase.ExecutePageHierarchy()
   bei System.Web.Mvc.WebViewPage.ExecutePageHierarchy()
   bei System.Web.WebPages.WebPageBase.ExecutePageHierarchy(WebPageContext pageContext, TextWriter writer, WebPageRenderingBase startPage)
   bei Umbraco.Core.Profiling.ProfilingView.Render(ViewContext viewContext, TextWriter writer)
   bei System.Web.Mvc.Html.PartialExtensions.Partial(HtmlHelper htmlHelper, String partialViewName, Object model, ViewDataDictionary viewData)
   bei ASP._Page_Views_Partials_grid_editors_base_cshtml.Execute() in D:\digitalfabriX\komXcms\Gde Dulchingen\komXcmsSeite_1_6_4\Views\Partials\grid\editors\base.cshtml:Zeile 20.

Bavaria ipsum dolor sit amet jo leck mi Servas am acht’n Tag schuf Gott des Bia Schorsch Hemad hod! Iabaroi fias Schdeckalfisch, a so a Schmarn hoid und sei. Oba i daad jedza eana Spuiratz singan, hod! Mamalad ebba owe Griasnoggalsubbm auf gehds beim Schichtl hob griasd eich midnand is ma Wuascht koa. Schnacksln i mog di fei nimma Brodzeid Leonhardifahrt pfundig Biaschlegl, Maibam san mechad middn. Gstanzl so schee im Beidl dahoam weida so schee obandeln noch da Giasinga Heiwog hea, Lewakaas.

Spalte 1 / Zeile 1 Spalte 2 / Zeile 1
Spalte 1 / Zeile 2 Spalte 2 / Zeile 2
Spalte 1 / Zeile 3 Spalte 3 / Zeile 3

Zudem ist auf dieser Seite ein rechter Spalteninhalt mit folgenden Elementen angelegt:

  • Text
  • Veranstaltungen (Vererbung)