小编nic*_*ldo的帖子

我有一个 WooCommerce 在线商店，我正在尝试让用户正确选择类别。

这个想法是，如果他们选择一个子类别，那么父类别也会被选择。

我已经这样做了，但是当取消选中类别子项（并且没有检查输入）时，父级仍保持选中状态。

$('ul.product_cat_list').find('input[type=checkbox]').each(function(index, input) {
  $(input).bind('change', function() {
    var checkbox = $(this);
    var is_checked = $(checkbox).is(':checked');
    if(is_checked) {
        $(checkbox).parents('li').children('input').attr('checked', 'checked');
    } else {
      $(checkbox).parentsUntil('ul').find('input').removeAttr('checked');
    }
  });
});

这里是小提琴

我正处于一个Web项目的中间,部分之间的空间为80px.我想在bootstrap spacers中再创建一个选项.

目前我在sass代码中:

section {
    padding: 0 80px;
}

Bootstrap垫片的范围从.25em到3em(.p-5 = 40px)

我想创建一个.p-6包含5em(80px)的类

理想的是:

<section class="py-5 py-md-6">

我通过CDN链接的bootstrap.我无法想象如何用变量创建它,以某种方式将它集成到boostrap css中.你能给我任何线索吗？

我已经汇总了一个常见问题解答.我的想法是使用Collapse bootstrap功能显示每个类别,然后进入崩溃,查看带有问题和答案的手风琴.

它在左侧的两列中选择了类别和正确的问题和答案.

我需要选择前一个关闭的第二个类别(折叠).

我可以在这里建立.

<div class="container">
  <section id="tratamientos" class="row">
    <h1>Tratamientos</h1>
    <div class="col-sm-2">
      <button class="btn btn-default" type="button" data-toggle="collapse" data-target="#cirugiaoral" aria-expanded="false" aria-controls="cirugiaoral">Cirugía Oral</button>
      <br><br>
      <button class="btn btn-default" type="button" data-toggle="collapse" data-target="#blanqueamiento" aria-expanded="false" aria-controls="blanqueamiento">Blanqueamiento</button>
    </div>

    <div class="col-sm-10">

      <div class="collapse" id="cirugiaoral">
        <h3>Cirugía Oral</h3>
        /* FAQ with accordion */
        <ul>
          <li>item with accordion</li>
          <li>item with accordion</li>
        </ul>
      </div>

      <div class="collapse" id="blanqueamiento">
        <h3>Blanqueamiento</h3>
        /* FAQ with accordion */
        <ul>
          <li>item with accordion</li>
          <li>item with accordion</li>
        </ul>
      </div>
    </div>
  </section>
</div>

Bootply在这里