标签: toggle

我一直在阅读,我试图让屏幕移动到正在切换的div.它位于我的网站的底部,所以当你切换联系表单时,除非你向下滚动,否则你不能告诉它.

我有这个jQuery片段似乎没有用

//contact toggle
$("#show-con").click(function(){
  $("#contact-wrap").slideToggle("slow");
  $("#contact-wrap").animate({scrollTop: $("#contact-wrap").offset().top});
});

切换工作正常,但它不会滚动到div.

我在这里阅读了一些较旧的文章,但不幸的是,他们链接到不再活跃的网站.

有没有办法让Toggle Comment命令适用于Netbeans 7.2中的.htaccess文件？我已经习惯了php,css,js和css文件中的相应键盘快捷键.由于7.2支持语法高亮,也许可以通过更改配置来实现这一点？

编辑:我不仅限于Netbeans 7.2

在没有javascript的情况下点击CSS3动画的方向的最佳方法是什么？

我最近一直在探索复选框黑客攻击并试图想出一种方法,只有一组关键帧,而不是两组,一组前进,一组回来.这可能吗？或者有没有办法用一套呢？

例如,我有以下关键帧:

@keyframes moveIt {
  0%   { 
    transform: translateX(0);
    width: $size;
  }
  50%  {
    width: $size*1.2;
  }
  100% {
    transform: translateX(50px);
    width: $size;
  }
}
@keyframes moveItBack {
  100%   { 
    transform: translateX(0);
    width: $size;
  }
  50%  {
    width: $size*1.2;
  }
  0% {
    transform: translateX(50px);
    width: $size;
  }
}

有什么方法可以将它减少到只有第一组吗？然后从100%开始回来并回到0%？

这是我想要实现的一个例子.

我试图在React中制作一组翻转的卡片.你可以在下面看到我的代码.当我点击卡片时,它们都会翻转,但我的目标是仅翻转我点击的那些卡片.我怎样才能做到这一点？

这是我的卡组件:

import React from 'react';

export default class Card extends React.Component {
    render() {
        let className = this.props.condition ? 'card-component flipped' : 'card-component';
        return (
            <div onClick={this.props.handleClick} className={className}>
                <div className="front">
                    <img src={this.props.image} alt="card"/>
                </div>
                <div className="back">
                </div>
            </div>);
    }
}

这是我的Deck组件:

import React from 'react';
import Card from './Card.js';

const cardlist = require('../cardlist').cardlist;

export default class Deck extends React.Component{
    constructor(props) {
        super(props);
        this.state = {flipped: false};
    }
    handleClick() {
        this.setState({flipped: !this.state.flipped});
    }
    render() {
        const list = this.props.cards.map((card, index) …

我有一些关于我试图添加到我的 jQuery 的功能的问题，以启用按钮或文本以在单击时扩展/收缩所有 div... 我想弄清楚如何在打开时保持第一个 div页面加载。

这是jQuery：

(document).ready(function(){

//Hides containers on load
$(".toggle_container").hide(); 

//Switch "Open" and "Close" state on click
$("h2.trigger").toggle(function(){
    $(this).addClass("active");
    }, function () {
    $(this).removeClass("active");
});

//Slide up and down on click
$("h2.trigger").click(function(){
    $(this).next(".toggle_container").slideToggle("slow");
    });
});

和CSS：

// uses a background image with an on (+) and off (-) state stacked on top of each other
h2.trigger { background: url(buttonBG.gif) no-repeat;height: 46px;line-height: 46px;width: 300px;font-size: 2em;font-weight: normal;}
h2.trigger a {color: #fff;text-decoration: none; display: block;}
h2.active {background-position: left bottom;}
.toggle_container …

大家好，我需要找到所有只有显示块的 li 元素的长度。这怎么可能使用 jQuery。我有一个类别菜单块，它在底部有更多链接，单击时将显示所有类别。底部链接现在变为 Less，单击时显示较少项目。这是代码。

var list = $('.menu-categories-list ul li:gt(3)');
        list.hide();
        $('#ClickMore').click(function() {
            list.slideToggle(400);
            if( $(this).parent().prev().children().length < 1 ) {
                $(this).html('Less...');
            }
            else {
                $(this).html('More...');
            }
            return false;
        });

你可以看看链接。左侧的类别块

我正在使用 Python 3 和 Gtk 的 gobject 自省。我怎样才能将多个切换按钮链接在一起，以便它们的行为类似于选项卡或单选按钮 - 例如，默认情况下会选择一个，而当另一个按钮是clicked前一个时active，则取消选择该按钮。

我尝试过使用set_sensetive，但这会使应用它的小部件变灰。

我正在尝试创建一个切换功能，因此当您单击链接时，它会做一件事，而当您再次单击同一链接时，它会做另一件事。我的问题是我使用的是最新版本的 Jquery，似乎 toggle-event 已弃用。

在我发现它已被弃用之前，我试图使用它。

$('#edit a').toggle(
     function(){
        editList();
    },
     function(){
        addList();
});

它在文档中说它已经绑定到点击。

我试图使用这个jQuery脚本,但也许有些不对劲.我想通过单击页面右侧的箭头使脚本工作.正如你从JavaScript代码和jsfiddle测试中看到的那样,我试图向下滑动隐藏的#top-bg.

JavaScript代码:

$(document).ready(function() {
    $(".bottone").click(function() {
        $("#top-bg").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });
});

这是jsfiddle测试: TEST

我做错了什么？

我的用户可以访问表单。

为了简化任务，我放置了一个可选择的列表，但如果答案不在列表中，他们可以手动添加原因

默认情况下，可选列表是必需的，但如果用户访问文本字段，则该列表将成为必需的，并且不再需要该列表（反之亦然）。

HTML：

<div class="form-group">
  <select name="motif" class="form-control input-lg" required>
    <option selected="true" disabled="disabled" value="">Select</option> 
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
</div>

<div class="form-group">
  <input name="messagetick" id="messagetick2" type="checkbox" value="yes" /> Other
</div>
<div id="motif-reject" class="form-group" style="display: none">
  <textarea class="form-control" rows="5" placeholder="reason" name="motif-text"></textarea>
</div>

JS：

$('input[name="messagetick"]').click(function() {
    $('#motif-reject').toggle(this.checked);
});

你可以看到JsFiddle： https ://jsfiddle.net/rkkdhant/

我不知道如何使用切换开关，你能帮我吗？