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

Question

我正在尝试将内容推送到屏幕左侧以显示提要，并使推送的内容具有响应性。但是，提要未显示且内容未响应。

有人可以帮我解决这个问题吗...

jsfiddle

摘要

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

Answer 1

workflow-feed 元素不在 content-wrapper 元素中(这是您在 CSS 中定位它的方式)，因此您需要调整CSS 并为 workflow-feed 元素添加一个单独的 toggleClass。

CSS:

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

JS:

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

Updated Fiddle