Переключатель Kendo Splitter при нажатии кнопки внутри iframe

Question

Мой разветвитель Kendo выглядит следующим образом.

@(Html.Kendo().Splitter() 
     .HtmlAttributes(new { style = "height:590px;", id = "mainSplitter" }) 
     .Orientation(SplitterOrientation.Horizontal) 
     .Panes(horizontalPanes => 
     { 
      horizontalPanes.Add() 
       .HtmlAttributes(new { id = "left-pane" }) 
       .Size("246px") 
       .Collapsible(true) 
       .Content(@<text></text>); 
      horizontalPanes.Add() 
       .HtmlAttributes(new { id = "right-pane", style = "overflow:hidden;" }) 
      .Content(@<iframe id="tabsContent_iframe" src='' data-src='' style="width:100%;height:100%;"></iframe> 
      ); 
     }) 
) 

В моем ОНКЕ, я была кнопка вне разветвителя используется для переключения left-pane, который работал отлично.

Теперь, если бы я использовал ту же кнопку внутри своего iframe и сделал вызов. Это не работает.

Я попытался сделать это в несколько способов, как показано ниже:

1)

var parentSplitterId = parent.$('#mainSplitter').data("kendoSplitter"); 
    var parentLeftTogglePane = parent.$('#full-pane');// , window.parent.document); 
    parentSplitterId[parentLeftTogglePane.width() > 0 ? "collaspe" : "expand"](parentLeftTogglePane); 

2)

var parentSplitterId = window.parent.document.getElementById('mainSplitter'); 
var parentLeftTogglePane = $('#full-pane', window.parent.document); 
var splitter = $("#parentSplitterId").data("kendoSplitter"); 
splitter[leftTogglePane.width() > 0 ? "collaspe" : "expand"](leftTooglePane); 

Я не могу понять, где я неправильно или что Я скучаю. Пожалуйста, направляйте меня сюда.

Благодаря

Answer 1

Решение простое, как вы опечатка слово collapse, вы написали collaspe вместо.