使用css和jquery在链接/按钮单击上推送内容

Question

我正在尝试将内容推送到屏幕左侧以显示Feed，并使内容被推送响应。但是，Feed没有显示，内容没有响应。

有人可以帮助我吗......

jsfiddle

简要摘要

$('.feedTrigger').click(function(){
    $('.content-wrapper').toggleClass('feedOpen');
});

Answer 1

workflow-feed元素不在content-wrapper元素中（这就是您在CSS中定位它的方式），因此您需要调整CSS并添加单独的toggleClass仅适用于workflow-feed元素。

<强> CSS：

.workflow-feed.feedOpen {
  right: 0;
}

<强> JS：

$('.feedTrigger').click(function(){
    $('.content-wrapper').toggleClass('feedOpen');
    $('.workflow-feed').toggleClass('feedOpen');
});

Updated Fiddle