寻找主页主横幅的 jQuery 插件

Question

当然，我问这个问题并不是为了获得编码帮助。

查看此网站的横幅。客户正在为我的一个新项目请求这样的横幅。该项目使用了jquery，所以这里有人知道像上面这样的jquery插件是否可以用于横幅。

希望得到某人的建议或帮助。抱歉，如果这与 SO 无关。

Answer 1

也许你可以自己写一些东西，实现这个结果应该不会太复杂。

这应该可以帮助你开始

$('.item').on('click', function() {
    $('.item.open').removeClass('open');
    $(this).addClass('open')
});

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

.wrap {
  display: flex;
  width: 100%;
}

.item {
  height: 100vh;
  cursor: pointer;
  flex: 1;
  transition: all .5s ease;
}

.item1 {
  background: #96ceb4;
}

.item2 {
  background: #ffeead;
}

.item3 {
  background: #ff6f69;
}

.item4 {
  background: #ffcc5c;
}

.item.open {
  flex: 2;
  background: #a39193;
  cursor: default;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="wrap">
  <div class="item item1 open"></div>
  <div class="item item2"></div>
  <div class="item item3"></div>
  <div class="item item4"></div>
</div>