我希望隐藏任何可见的span元素(如果有),并在单击元素时再次切换它
<div class="item">
<a href="">element1</a> <span>span1</span>
<br>
</div>
<div class="item">
<a href="">element2</a> <span>span2</span>
<br>
</div>
<div class="item">
<a href="">element3</a> <span>span3</span>
<br>
</div>
<div class="item">
<a href="">element4</a> <span>span4</span>
<br>
</div>
Run Code Online (Sandbox Code Playgroud)
$('.item span').hide();
var all_spans = $('.item a').parent().find('span');
$('.item a').click(function(e) {
e.preventDefault();
// hide all span
all_spans.hide();
$this = $(this).parent().find('span');
// here is what I want to do
if ($this.is(':hidden')) {
$(this).parent().find('span').show();
} else {
$(this).parent().find('span').hide();
}
});
Run Code Online (Sandbox Code Playgroud)
问题是当我点击例如' element 1
'' span1
'仍然可见时我想切换它
我正在使用复选框并使用CSS为其添加自定义设计
label {
position: relative;
margin-bottom: 0.5em; }
.input-field {
width: 100%;
border: 1px solid #ecf0f1;
padding: 0.5em;
}
input[type="radio"],
input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label {
padding-left: 1.5em;
}
input[type="checkbox"] + label:before {
position: absolute;
left: 0;
top: 4px;
content: "";
width: 1em;
height: 1em;
border: 1px solid rgba(0, 0, 0, 0.25);
}
input[type="checkbox"]:focus,
input[type="checkbox"]:checked + label:before {
content: "\2713"; /* "?" */
}
Run Code Online (Sandbox Code Playgroud)
但问题是,当使用带有Tab键的键盘导航表单时,将忽略复选框.如何将其包含在导航流程中?
我对这个例子有疑问
(define (+ x y)
(if (= x 0)
y
(+ (-1+ x) (1+ y))))
Run Code Online (Sandbox Code Playgroud)
-1+和1+有什么问题,当我评估它时我得到了这个结果
但是我写了这个而且它有效
(define (add x y)
(if (= x 0)
y
(+ (- x 1) (+ y 1))))
Run Code Online (Sandbox Code Playgroud)