分享收起展开图标，同时请教一个问题 New
想要类似官网这种收起与展开，能力有限弄了个图标版，先看演示图。其实最好是svg版的，比较高清，但是变量是$cat，解析出来是gif尾巴格式的，200行左右，代码是：
下面分享gif版的图标：
svg版的图标无法上传，想要的可以QQ联系我，然后最后求助：怎么将这个改成SVG版的，模板作者是用的默认啥的，不知道哪里处理的，只知道收起与展开是：【onclick="toggle_collapse('category_$cat');】。
我知道答案 回答被采纳将会获得1 贡献 已有2人回答 .tg_no:before
.tg_yes:before
换这个就可以了 你这个咋用？不过我解决了，用CSS+DIV，不用JS，也没用SVG模式，这里分享出来吧，留给后面有缘人。
CSS代码
/*板块收起与展开*/.toggle-container {display: inline-block;vertical-align: middle;margin-right: 5px;}.toggle-checkbox {position: absolute;opacity: 0;}.toggle-label {cursor: pointer;display: inline-block;-webkit-tap-highlight-color: transparent;}.toggle-switch {position: relative;width: 33px;height: 18px;background-color: #e0e0e0;border-radius: 11px;box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);transition: all 0.3s ease;}.toggle-switch-handle {position: absolute;width: 16px;height: 16px;background-color: white;border-radius: 50%;top: 1px;left: 1px;box-shadow: 0 1px 3px rgba(0,0,0,0.2);transition: all 0.3s ease;}.toggle-checkbox:checked + .toggle-label .toggle-switch {background-color: #4285f4;}.toggle-checkbox:checked + .toggle-label .toggle-switch-handle {transform: translateX(15px);}DIV代码
<!--板块收起与展开--> <div class="toggle-container"><input type="checkbox" id="category_$cat_toggle" class="toggle-checkbox" checked><label for="category_$cat_toggle" onclick="toggle_collapse('category_$cat');" class="toggle-label"> <div class="toggle-switch"> <span class="toggle-switch-handle"></span> </div></label></div></span>
页:
[1]