A modern programming language that makes developers happier.

kotlinlang

Could you give me a hint how I could call the "collapse" methods manually?
<https://getbootstrap.com/docs/4.0/components/collapse/>

I don't have that much experience with JS interop. Therefore I'd be glad if anybody could give me a hint how to call these methods on e.g. a div

The simplest case:
```vPanel {
	lateinit var div: Component
	button("Toggle div").onClick {
		div.getElementJQueryD().collapse("toggle")
	}
	div = div(className = "collapse show") {
		+"Lorem ipsum dolor sit amet, consectetur adipiscing elit."
	}
}```

With `data-*` attributes:
```vPanel {
	button("Toggle div") {
		setAttribute("data-toggle", "collapse")
		setAttribute("data-target", "#collapseExample")
	}
	div(className = "collapse show") {
		id = "collapseExample"
		+"Lorem ipsum dolor sit amet, consectetur adipiscing elit."
	}
}```

"this._$div_18.getElementJQueryD_37() is null"

perhaps
do you call it from an event handler?

try `div.getElementJQueryD()?.collapse("toggle")`

probably the problem. Subscribe is evaluated immedately.

it seems
```div.getElementJQueryD()?.let{}```
is not supported by Kotlin :flushed:

You can make very similar effect easily with just simple KVision methods:
```vPanel {
	lateinit var div: Div
	button("Toggle div").onClick {
		if (div.visible) div.hideAnim() else div.showAnim()
	}
	div = div {
		+"Lorem ipsum dolor sit amet, consectetur adipiscing elit."
	}
}```

Works well!
Just one difference: Collapse just animates the height. "hideAnim" seems to animate both width and height

Yep, `slide` methods should be even better