# Ajax Varianten und Collapse-Panel

**URL:** <https://forum.shopware.com/t/ajax-varianten-und-collapse-panel/49288>\
**Category:** Programmierung\
**Created:** [6. November 2017 um 14:44 UTC](https://forum.shopware.com/t/ajax-varianten-und-collapse-panel/49288 "2017-11-06T14:44:47Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jamie\_11](https://avatars.discourse-cdn.com/v4/letter/j/ba9def/32.png) [@jamie\_11](https://forum.shopware.com/u/jamie_11)\
**Post date:** [6. November 2017 um 14:44 UTC](https://forum.shopware.com/t/ajax-varianten-und-collapse-panel/49288/1 "2017-11-06T14:44:47Z")

</div>

Hi,

ich versuche vor dem Ajax Request die Varianten mit dem Collapse/Accordion Effekt zu wechseln. Dies funktioniert beim ersten mal, nur wenn man dann weitere Varianten wechselt, funktioniert dass nicht mehr

&nbsp;

Hier mein Template Code (extendes vom Product Variants Plus Conexo Plugin):

&nbsp;

```
{block name="frontend_detail_custom_variants_button_picker"}

    
        {block name="frontend_detail_custom_variants_button_picker_list"}
        	
            {foreach from=$sConfigurator.values item=variantOption}
                {block name="frontend_detail_custom_variants_button_picker_ist_item"}
                
	                
	                	
	                    
	                            {if $variantOption.presentation.value}
	                                {$variantOption.presentation.value}
	                            {else}
	                                {$variantOption.optionname}
	                            {/if}
	                    
			
						 

                            {if !$variantOption.selectable && {config name="SwfProductVariantsPlus_selectVariants_allowInvalidCombinations"} && !$variantOption.invalid}
                               
                            {/if}
	                
	                
	                
	                
		               
		                    {assign var="properties" value=";"|explode:$sArticle.attr4}
		                    
			                    {foreach $properties as $item}
			                        {$item}
			                    {/foreach}
		                    
	                	
	                	
	                

                {/block}
            {/foreach}
        {/block}
    

{/block}

```

Das habe ich auch versucht (nicht zusammen):

&nbsp;

```
;(function($, window) {
    $.subscribe('plugin/swAjaxVariant/onBeforeRequestData', function() {

        $('.variant--option').click(function(e) {
            e.preventDefault();
            $(this).toggleClass('open');
            var $variant_details = $(this).next('.variant--details');
            $('.variant--details').not($variant_details).slideUp();
            $('.variant--details').not($variant_details).prev('.variant--option').removeClass('open');
            $variant_details.stop(true, true).slideToggle(200);

        });
    });
})(jQuery, window);

```

&nbsp;

Oder auch

&nbsp;

```
;(function($, window) {
    $.subscribe('plugin/swAjaxVariant/onBeforeRequestData', function() {
        window.StateManager.addPlugin('.variant--headline', 'swCollapsePanel', {
                contentSiblingSelector: '.variant--content',
                animationSpeed: 50,
                closeSiblings: true,
                collapseTarget: true
            }, ['xs', 's', 'm','l', 'xl'])
    });
})(jQuery, window);

```

Ich hoffe, dass mir schnell jemand weiterhelfen kann ☹

&nbsp;

Danke und LG

---

<div class="post-metadata">

**Author:** ![jamie\_11](https://avatars.discourse-cdn.com/v4/letter/j/ba9def/32.png) [@jamie\_11](https://forum.shopware.com/u/jamie_11)\
**Post date:** [8. November 2017 um 11:15 UTC](https://forum.shopware.com/t/ajax-varianten-und-collapse-panel/49288/2 "2017-11-08T11:15:11Z")

</div>

Hat jemand eine Lösung?