小编Jul*_*iev的帖子

我有一个带有几个选项的select元素,但渲染的图标不是元素的一部分,因此不可点击.有任何想法吗？

我的代码

HTML

<div class="styled-select icon-drop-down">
  <select class="select">
    <option value="low">Sort by: Low</option>
    <option value="high">Sort by: High</option>
    <option value="long text">long text</option>
  </select>
 </div>

CSS

.styled-select {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   width: 100%;
   cursor: pointer;
   overflow: hidden;
   display: inline;
   position: relative;
   border-radius: 0;
   border: none;

   &.icon-drop-down::before {
    position: absolute;
    top: 5px;
    right: 10px;
    color: $dark-grey;
        transform: scale(0.7);
   }
}

我怎么能去翻课aria=expanded === true呢？我有以下标记:

HTML

<a id="{{content.static.productDetailsToggleId}}" class="collapsed pdp-accord-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">{{content.static.productDetailsText}}<img class="accordion-plus" src="{{meta.assetsPath}}img/plus79.png" alt="accordion content">
</a>

JS

$(function () {
  if ($('pdp-accord-toggle').attr('aria-expanded') === true) {
    $(this).find(".accordion-plus").toggleClass("accordion-minus");
  }
})

编辑 - 更多信息

基本上我观看到一个之间切换plus图标和minus图标,取代了img在.accordion-class与content: url(another image);.这也是我的CSS.

CSS

.accordion-plus {
  height: 1em;
  float: right;
  margin-right: 1em;
}

.accordion-minus {
  opacity: .5;
  content: url(../../assets/img/minus-1.png);
}

是否有一个Atom文本编辑器包,在React JavaScript文件中编写时支持HTML自动完成？谢谢!

我有以下HTML结构和JavaScript文件:

html的

<li>
 <button class="show-more"></button>
 some more elements
 <div class="hidden"></div>
</li>

JavaScript的

$( ".show-more" ).click(function() {
  event.preventDefault();
  $( this ).next().slideToggle( "fast", function() {
  });
});

我需要点击事件来切换下一个第一个实例.hidden,但点击事件是针对它之后的第一个元素,而不是下一个实例.hidden,任何想法我怎么能去做？