Need to mix accordions with portfolio view

[Support]

When you open an accordion when it’s part of a portfolio view, it does not shift down the content. Need a fix ASAP please!

---

[Support]

Hello, the problem is that the isotope (filter plugin) works with absolute positions in the elements, so it means that the elements can’t change its sizes. The only way is to call the layout method, but the behavior may not be perfect:

(js/custom.js)

$(document).ready(function() {
	var $container = $('.sort-destination[data-sort-id=portfolio]');

	$container.on( 'click', '.toggle > label', function() {
		setTimeout(function() {
			$container.isotope('layout');
		}, 300);
	});
});

More information:
http://isotope.metafizzy.co/methods.html#layout

Kind Regards,

Jonas

---

[Support]

Thanks for the help. Can you provide a bit of insight on how to add this into my existing page? Do I just need to call the one line:

$container.isotope(‘layout’);

If so, how and where do I call it?

Thanks,
Josh

---

[Support]

Hello, you can just add the script I sent in the file js/custom.js

The isotope function should be called in the “click” event of the toggle element.

Let me know if you have any questions.

Kind Regards, Jonas

---

[Support]

Almost perfect, thanks. However, you’ll notice that if you click the “Difference Between Licenses Types” tab, that the <ul> or <ol> that I’m using screws it up 🙁

---

[Support]

Hello, please try to add this:

(css/custom.css)

.portfolio-list .toggle-content li {
	position: static !important; 
}

Let me know if you need further assistance.

Kind Regards, Jonas

---

[Support]

Unfortunately this fix doesn’t work when I use pricing-table. See this URL and click Ordering:

http://www.koingosw.com/products/airradar/#ordering

---

[Support]

Hello, yes, unfortunately the plugin has a few limitations, sorry about that. I see that you created a custom solution that will work better with any kind of content.

Regards,

Jonas

---

[Author]

Posts