标签: toggle

我有一些HTML如下:

<ul>
    <li><a href="#">Page 1</a></li>
    <li><a href="#" class="toggle">[Open|Close]</a><a href="#">Page 2</a>
        <ul>
            <li><a href="#">Page 2-1</a></li>
            <li><a href="#">Page 2-2</a></li>
            <li><a href="#">Page 2-3</a></li>
            <li><a href="#">Page 2-4</a></li>
        </ul>
    </li>
    <li><a href="#">Page 3</a></li>
    <li><a href="#">Page 4</a></li>
    <li><a href="#">Page 5</a></li>
</ul>

并且当点击类'toggle'的a时,将切换ul.我对基本的jQuery东西相当不错,但是不知道从哪里开始这个!任何达到相同结果的替代方法也会受到欢迎.

有没有办法可以调用第二个函数 toggle(function(){},function(){})

我正在尝试建立一个如下图所示的页面。

这是使我挂断的部分...

当我“悬停”或“单击”它下面的链接之一时，我想替换主图像。主图像下方的每个链接都有其自己的特定图像。然后，我想使链接图像“切换”开/关。

我试图用纯CSS来做到这一点，并且遇到了很多困难。

谢谢你的帮助。

我正在开发一个Android应用程序,并在我的一个布局中有一个togglebutton(id ="tt").我想要做的是将OnClickListener设置为togglebutton.但是我在eclipse中遇到以下错误:

toggleButton cannot be resolved to a variable
onClickListener cannot be resolved to a type

这是代码:

public void ToggleMagic(){
    toggleButton = (ToggleButton)findViewById(R.id.tt);
    toggleButton.setOnClickListener(new OnClickListener(){
      //        
    });
}

我编写了一个简单的js函数来打开/关闭复选框,然后单击父级(在本例中为TD).单击TD上的任意位置时,此功能可按预期工作.

但是,当您单击复选框本身时,没有任何反应.
我想知道的是为什么它这样做以及最好的解决方法是什么？

我有一个jsfiddle来演示这个.

这是我的js函数:

$("td.onoff").click(function() {
    var objCheckbox = $(this).find("input[type=checkbox]");
    if( objCheckbox.length >= 1 ) {
        objCheckbox.prop("checked", !objCheckbox.prop("checked"));
    }
});

谢谢.

在jQuery中点击几个类的正确方法是什么？

1)点击之前的HTML:

<button class="btn"><i class="icon-sign-blank"></i> Click me!</button>

2)点击后的HTML:

<button class="btn btn-success"><i class="icon-check"></i> Clicked!</button>

3)HTML再次点击:(与开头相同)

<button class="btn"><i class="icon-sign-blank"></i> Click me!</button>

当前的jQuery:

$('btn').on('click',function(e) {
    $('btn > i').removeClass('icon-sign-blank').addClass('icon-check');
    $('btn').addClass('btn-success');
});

但这有效,但不会再回来了.处理这两个方向的正确方法是什么？

我需要做的是在点击页面内容时显示一个按钮.此按钮只需显示3秒钟,然后必须自动淡出.

这是一个带示例的jsfiddle:

http://jsfiddle.net/EuCWp/2/

这是jquery代码:

$("#container").click(function(){
    $("#show").fadeIn().delay(400).fadeOut();
});

假设红色框是附加了click事件的页面内容.绿色框是按钮.

问题是,如果我一直按下红色方块,绿色按钮应保持可见,换句话说,每次点击红色方块时,延迟都需要重置为0.这在我的例子中没有发生,因为你可以看到如果你连续点击红色框3次,你就会得到这种行为

show, hide, show, hide, show, hide

代替

show, keep showed, keep showed, hide

有什么建议？在此先感谢任何帮助,最好的问候

编辑:

我还想在用鼠标盘旋时保持按钮打开..我怎么能得到这种行为？

再次感谢

我是开发Android应用程序的新手,我想知道是否可以通过按下应用程序中的其他按钮来更改切换按钮的状态？

注意:这已经解决了,非常简单的解决方案:

Button setAButton = (Button) findViewById(R.id.btnSetA);
final ToggleButton mytbSA = (ToggleButton) findViewById(R.id.toggleBtnZoneA);
setAButton.setOnClickListener(new OnClickListener()
{
  @Override
  public void onClick(View view) {
     setzoneA();
     mytbSA.setChecked(true);

  } 
   });

http://blog.movalog.com/a/javascript-toggle-visibility/

这是一个包含一些代码和脚本的页面,我在我的网站中使用图像库,但是当尝试切换多个div的可见性时,它只适用于第一个.可以有人请修复它与多个div的工作,我不知道js :)

这是javascript

<script type="text/javascript">
<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>

这是链接的html代码

<tr><td><a href="#" onclick="toggle_visibility('nyc');">New York</a></td>
<td><a href="#" onclick="toggle_visibility('photoshop');">Photoshop Work</td>
<td><a href="#" onclick="toggle_visibility('photography');">Photography</td></tr>
<tr><td><a href="#" onclick="toggle_visibility('art');">Art Projects</td></tr>

等一下,这可能不起作用,因为它试图通过"id"属性访问多个div的属性,它是否可以使用类属性,如果是这样,我只需更改java脚本,它说"id"到"班级"

我原本以为这会非常容易.谷歌搜索返回的结果除此之外的一切.

我正在尝试使用一个可以单击的普通按钮,它会保持向下,再次单击,然后再次上升.

我找到了一个功能,它做了我想要的,但只有按钮保持焦点,点击其他任何地方,然后它再次上升.

Button_SetState(GetDlgItem(hwnd, IDC_BTN_SLEEPCLICK), TRUE);

有没有真正的方法来做到这一点？或者我需要手工做这种事情？

谢谢.