标签: toggle

如果div包含一串文本,我试图让一个按钮切换.就像是:

$(document).ready(function(){
$(function() {
if ('$div#trackingnumber:contains('Hello')');') {
    $("dinput#submitam").toggle()});
}
});

有人知道怎么做这个吗？

我想在设置首选项时听nfc启用/禁用,所以我在我的活动中添加以下代码

    IntentFilter filter = new IntentFilter("android.nfc.action.ADAPTER_STATE_CHANGE");
    BroadcastReceiver receiver = new BroadcastReceiver() {

        @Override
        public void onReceive(Context context, Intent intent) {
            tv.setText("broadcast received :" + NfcAdapter.getDefaultAdapter(MainActivity.this).isEnabled());
            Toast.makeText(MainActivity.this, "broadcast received", Toast.LENGTH_LONG).show();
        }
    };
    registerReceiver(receiver, filter);

但它看起来像ADAPTER_STATE_CHANGE不起作用.

任何人都有想法听取nfc的状态吗？请帮忙..!!

我有

<a id="autoUpdate">Auto-Update: ON</a>

和

$('#autoUpdate').toggle(function(){
alert('a');
}, function(){
alert('b');
})

当页面加载时,完整的<a>-Tag显示:none并且'b'被警告!我应该补充说,如果重要且链接位于顶部导航中,这是使用Twitter Bootstrap开发阶段的网站.顺便说一句,如果我将a-tag更改为<p>fe,一切似乎都很好.

我正在尝试创建一个框但是当单击一个列表项时它会下降然后在单击时返回.我以前做了很多次,但由于某种原因,Jquery正在添加display:none;

        $('li.item-162').toggle(function(){
                           $('.login').animate({
                                top: '27px'
                                 }, 1000);

                        },function() {          
                             $('.login').animate({
                                top: '-212px'
                                 }, 1000);
                        });

        $(".li.item-162").show();

在firebug我的代码显示 你可以在这里看到它.. http://rdhealthandsafety.co.uk/index.php

任何想法为什么会发生这种情况,我猜它是我周二早上的蓝调:(

我正在尝试构建类似wordpress选项的部分.单击复选框时可以切换相应<input type="text">字段的显示,我想在一个函数中执行此操作,因此我没有大量不同的函数,因此使用复选框切换相应输入的最佳方法是什么,我做了一个快速的jsFiddle,但当我使用我的复选框时,它切换所有输入,因为我明显选择了所有这些,所以什么是更好的解决方案使用like this或者什么来切换相应的字段,谢谢提前,http:/ /jsfiddle.net/MEC9n/

HTML

<div class="options">
    <input type="checkbox" name="title"><label>Title</label>
    <input type="checkbox" name="author"><label>Author</label>
    <input type="checkbox" name="category"><label>Category</label>
</div>
<div class="container">
    <form method="post">
        <input type="text" name="title" placeholder="Title:">
        <input type="text" name="author" placeholder="Author:">
        <input type="text" name="category" placeholder="Category:">
        <input type="submit" value="Submit">
    </form>
</div>

jQuery的

   $(document).ready(function(){
        $('input[type="checkbox"]').click(function(){
            $('input[type="text"]').toggle();
        });
    });

是否可以通过Bootstrap隐藏移动设备的侧边栏,但是可以通过切换按钮访问它？切换按钮应仅显示移动设备,默认视图没有侧边栏 - 类似于响应式Bootstrap导航栏的工作方式.见附图.

我正在尝试使用jQuery 从左到右实现幻灯片切换,反之亦然toggle().

切换有效,但是我希望div的下一个元素切换为平滑动画,与切换效果平行.

检查我试过的代码:jsFiddle

HTML

<button id="button" class="myButton">Run Effect</button>

<div id="myDiv">
    <p>This div will have slide toggle effect.</p>
</div>
<div class="other_details">
    This should move parallel with re-size of div being toggled.  
</div>

jQuery的

$(".myButton").click(function () {
    var effect = 'slide';
    var duration = 500;
    $('#myDiv').toggle(effect, {direction: "left"}, duration);
});

CSS

#myDiv {
    color:Green;
    background-color:#eee;
    border:2px solid #333;
    text-align:justify;
    float:left;
    width:200px;
}
.other_details{
    float:left;
    font-weight:bold;
    width:200px;
    border:1px solid black;
    padding:5px;
    margin-left:2px;
}    

您可以在输出中看到 …

在http://www.material-ui.com/#/components/toggle上检查切换，在DOM中有一个类型为“复选框”的输入标签。“默认情况下，已切换”的属性为“已选中”，但是当我将其设置为“关闭”状态时，位于下方的“输入”标签中的属性不会更改，并且“已选中”仍然存在。如何从DOM确定切换ON / OFF状态？

ps我正在使用Selenium Web驱动程序编写自动功能测试。

使用快捷键Ctrl- F我打开查找窗口,但没有X或其他东西关闭窗口.对我来说唯一的方法是通过单击Find→ 关闭它Toggle Find,因为因此不存在短键.

我最近几天一直在学习bootstrap 3和sass.无论如何,当屏幕尺寸低于1000px时,我正试图让导航栏崩溃.它可以工作,但当我点击切换按钮,显示菜单下拉菜单时,它会打开,然后立即关闭.

这是代码:http://jsbin.com/zahatekisa/edit？html,css,output

.navbar {
  background-color: #202C39;
}
div.navbar-header a.navbar-brand {
  font-family: "Caveat Brush";
  margin-right: 20px;
  font-size: 23px;
  color: #F29559;
}
div.navbar-header a.navbar-brand:hover {
  color: #ffb36b;
}
ul.nav.navbar-nav li a {
  font-family: "PT Sans", "cursive";
  color: #e6e6e6;
}
ul.nav.navbar-nav li a:hover {
  color: #ffffff;
  background-color: #2a394a;
}
ul.navbar-right li p.navbar-text {
  display: block;
}
@media (max-width: 1050px) {
  ul.navbar-right li a {
    float: left;
  }
  ul.navbar-right li p.navbar-text {
    margin-left: 15px;
    position: relative;
    top: -4px;
  }
} …