当我点击".pushme"按钮时,它将其文本变为"不要逼我".当再次点击按钮时,我想再次将文本转为"推我".我怎样才能做到这一点？
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button class='pushme'>PUSH ME</button>
<script>
$(".pushme").click(function () {
$(this).text("DON'T PUSH ME");
});
</script>
</body>
</html>
谢谢.
我正在使用bootstrap模板,我想改变手风琴默认工作的方式.
如何在首次看到页面时(加载时)关闭切换？
<div class="accordion-heading">
<a class="accordion-toggle"
data-toggle="collapse"
data-parent="#accordion2"
href="#collapseOne">Open!</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="span6">
<div class="well well-small">
<div class="accordion-toggle">
...some text...
</div>
</div>
</div>
<div class="span2"></div>
</div>
slideToggle正是我想要的,只是我希望幻灯片是水平的.
我现在有一个水平隐藏/显示和动画点击,但我想有切换选项.因此,当我点击活动链接时,它将播放动画反转并隐藏自己.
最好的方法是什么？
所以我从第1-4项开始:
<div class="someDiv bold italic" style="display: none;">Lorem</div>
<div class="someDiv regular italic" style="display: block;">Lorem</div>
<div class="someDiv bold" style="display: none;">Ipsum</div>
<div class="someDiv regular" style="display: block;">Ipsum</div>
然后我有一些输入复选框:
<input class="regular" type="checkbox" />
<input class="bold" type="checkbox" />
<input class="italic" type="checkbox" />
所以基本上我有jQuery显示和隐藏div.现在我有另一个必须遍历这些div的函数(每个复选框一个),并根据另一个标准显示/隐藏.但我不希望再次显示已经隐藏的div.
$(".someDiv").each(function(){
if($(this).hasClass("regular")){
$(this).show();
} else {
$(this).hide();
};
在这个例子中,唯一剩下的div应该是最后一个div.不幸的是,这段代码将显示第二和第四个div.
这段代码是我将要应用的所有过滤器的基本示例,添加等.
我有一个<div>,我想在悬停时切换它的类.
这是我的代码:
function a(){
this.classList.toggle('first');
this.classList.toggle('sec');
}
document.querySelector('#container').addEventListener('click', a );
我知道我的HTML或CSS没有问题.只是我必须改变并放置一些东西click,但我不知道是什么.
请帮忙!!
我有一些代码显示三个图像和每个图像下的相应div.使用jquery .toggle函数,我已经使它成为每个div在单击它上面的图像时切换.是否有任何方法可以让div开始隐藏？
感谢您的时间,
参考代码:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#picOne").click(function(){
$("#one").toggle(250);
});
$("#picTwo").click(function(){
$("#two").toggle(250);
});
$("#picThree").click(function(){
$("#three").toggle(250);
});
});
</script>
</head>
<body>
<center>
<h2>Smooth Transitions</h2>
<img src="one.png" id="picOne">
<div id="one">
<p>first paragraph.</p>
</div>
<img src="two.png" id="picTwo">
<div id="two" visibility="hidden">
<p>Second Pair of giraffe.</p>
</div>
<img src="three.png" id="picThree">
<div id="three">
<p>Thiird paragraph.</p>
</div>
</center>
</body>
</html>
我在div中有一个HTML 5视频.然后我有一个自定义播放按钮 - 工作正常.
并且我将视频的可见性设置为在加载时隐藏,并且在单击播放按钮时可见,当再次单击播放按钮时,如何将其返回到隐藏状态？
function showVid() {
document.getElementById('video-over').style.visibility = 'visible';
}#video-over {
visibility: hidden;
background-color: rgba(0, 0, 0, .7)
}<div id="video-over">
<video class="home-banner" id="video" controls="">
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
</video>
</div>
<button type="button" id="play-pause" onclick="showVid();">
<img class="img-home-apply" src="/wp-content/images/apply-pic.png" alt="Apply Now">
</button>我基本上只是试图在可见和隐藏的两种状态之间切换它,除非我不能使用切换,因为该显示并隐藏了div.我需要它,只是隐藏,所以它保持正确的高度.
在我的 SwiftUI 视图中，当 Toggle() 更改其状态时，我必须触发一个操作。切换本身只需要一个绑定。因此，我尝试在 @State 变量的 didSet 中触发操作。但是 didSet 永远不会被调用。
是否有任何（其他）方式来触发一个动作？或者有什么方法可以观察@State 变量的值变化？
我的代码如下所示：
struct PWSDetailView : View {
@ObjectBinding var station: PWS
@State var isDisplayed: Bool = false {
didSet {
if isDisplayed != station.isDisplayed {
PWSStore.shared.toggleIsDisplayed(station)
}
}
}
var body: some View {
VStack {
ZStack(alignment: .leading) {
Rectangle()
.frame(width: UIScreen.main.bounds.width, height: 50)
.foregroundColor(Color.lokalZeroBlue)
Text(station.displayName)
.font(.title)
.foregroundColor(Color.white)
.padding(.leading)
}
MapView(latitude: station.latitude, longitude: station.longitude, span: 0.05)
.frame(height: UIScreen.main.bounds.height / 3)
.padding(.top, -8)
Form {
Toggle(isOn: $isDisplayed)
{ Text("Wetterstation …我在一个名为的标签中有一个菜单sf-menu.
我需要将可见性更改none为单击链接时的可见性,并在再次单击时切换回来.
我可以只使用CSS实现这一点还是需要JavaScript？
希望有人可以帮我一个例子.
.sf-menu {visibility: visible}
<a class="closed" href="#sidewidgetarea"> Switch</a>
我有一个div元素,所以当我点击它时,div默认隐藏的另一个是滑动和显示,这里是动画本身的代码:
$('#myelement').click(function(){
$('#another-element').show("slide", { direction: "right" }, 1000);
});
我怎么能作出这样的,所以当我点击#myelement一次(当元素已经表明),它会隐藏的#another-element是这样的:
$('#another-element').hide("slide", { direction: "right" }, 1000);？
所以基本上,它应该工作完全像一个slideToggle用,但show/hide功能.那可能吗？
toggle ×10
javascript ×6
jquery ×6
css ×4
html ×4
show-hide ×2
button ×1
hover ×1
slidetoggle ×1
swift ×1
swiftui ×1
visibility ×1