Hello. I'm rather new to Javascript so please forgive the newbie question. :-)
I have this snippet below:
Could someone educate me on how I would use the splitter.collapse syntax relative to my code above?
I've read that I can use splitter.collapse("topPane") to collapse my topPane, but I'm obviously missing something, as that line of code produces a bug in my Firebug console.
Clearly, how I'm calling the function is wrong.
Any help would be greatly appreciated.
Thank you.
Jay
I have this snippet below:
<
body
>
<
div
id
=
"splitter"
style
=
"width: 75%; height: 600px"
>
<
div
id
=
"topPane"
>
<
p
>top pane</
p
>
</
div
>
<
div
id
=
"bottomPane"
>
<
p
>left pane</
p
>
</
div
>
</
div
>
<
script
>
"use strict";
$("#splitter").kendoSplitter({
panes: [{
min: "100px",
max: "500px",
}],
collapsible: false,
orientation: "vertical"});
</
script
>
</
body
>
Could someone educate me on how I would use the splitter.collapse syntax relative to my code above?
I've read that I can use splitter.collapse("topPane") to collapse my topPane, but I'm obviously missing something, as that line of code produces a bug in my Firebug console.
Clearly, how I'm calling the function is wrong.
Any help would be greatly appreciated.
Thank you.
Jay