标签: toggle

我遇到一个问题，必须单击两次才能运行 JavaScript 函数。

按钮的 HTML：

<input type="button" id="logintrigger" value="Log In" onClick="hideshow();"/>

JavaScript：

function hideshow() {
    var toggle = document.getElementById('logincontainer');
    toggle.style.display = toggle.style.display == "none" ? "block" : "none";
}

我一直在四处寻找，但没有找到任何有帮助的东西。

谢谢。

我刚刚开始学习 DX，所以我对它几乎一无所知，尽管我确实了解 OpenGL（在一定程度上）。我正在遵循教程（http://www.rastertek.com/tutdx11.html），并且我有一个仅渲染白色背景（清晰）的工作窗口。

现在 - 我如何真正从窗口模式切换到全屏模式，反之亦然？我知道有很多教程，有些甚至提供了执行此操作的代码，但由于我是新手，所以并没有真正的帮助。为什么？因为每个代码示例都是不同的，尝试在所有代码示例中找到模式对我来说显然太困难了。

所以我不要求代码 - 相反，我希望你告诉我需要释放/重新创建/更改哪些内容才能正确切换（以及所有这些）。我知道我需要更改显示设置，我知道我必须更改有关交换链的某些内容并释放/重新创建一些缓冲区 - 但不太确定究竟是哪一个。

我正在使用在 JS fiddle 上找到的脚本：http ://jsfiddle.net/Q4PUw/2/

当我单击切换链接时，它会切换该框并显示它，但是，它会跳回页面顶部，然后我必须再次向下滚动才能查看已切换的内容。

我该怎么做才能将页面保留在该内容上，以便用户不必再次向下滚动来查看内容？

这是我的代码：

<style type="text/css">p.content-one {display:none;}</style>
<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
$('.expand-one').click(function(){
    $('.content-one').slideToggle('slow');
});
});//]]>  
</script>
<div class="sitesection">
<p class="expand-one"><a href="#">Toggle Test Here</a></p>
<p class="content-one">
The content goes here
</p>
</div> 

我有这个代码制作一个按钮并从服务器获取一些价值。

然后在加载（初始化视图）时我得到值 = 1，我需要自动打开切换开关。

代码如下

var value = 1;

.switch {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 34px;
}

.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider { …

我知道已经有一个关于该主题的线程（How can I trigger an action when a swiftUI toggle() is Switched?），但我尝试了每个答案，但没有任何效果。

首先是我的代码：

struct ContentView: View {
    
    @State private var isOn = false
    
    
    var body: some View {
        
        NavigationView{
            VStack{
                ZStack {
                    Form{
                        // HERE THE IMPORTANT PART

                        Toggle(isOn: %isOn) {
                            Text(isOn ? "On" : "Off")
                            
                            /*if(isOn){
                                Text("\(sendState(state: isOn))")
                            }else{
                                Text("\(sendState(state: isOn))")
                            }*/
                              //--> that is a workaround but doesn't work for me because the function send something to the server and that should only happen when the …

需要一些帮助：D

我正在尝试将我的数组拉为列表。在每个列表上单击（每个列表包含数组中的数据）以打开正确的模式，该模式将包含数组数据文件中的其余信息。另外，我无法通过 const Details 提取数组，因此它可以显示我需要的数据，但不知道如何显示。在我的其他文件中，我仅调用该组件。

这是我的代码：

import React, { useState } from "react";

//ProductsData
import { ProductData } from "../products/data";

const Products = () => {
  const [showModal, setshowModal] = useState(false);
  const [hasClass, changeClass] = useState({
    activeObject: null,
    objects: ProductData.map((product) => {
      return product.id;
    }),
  });

  function toggleActive(index) {
    setshowModal(true);
    changeClass({ ...hasClass, activeObject: hasClass.objects[index] });
  }

  function toggleActiveClass(index) {
    if (hasClass.objects[index] === hasClass.activeObject) {
      return "active";
    } else {
      return "inactive";
    }
  }

  const Details = (ProductData) => (
    <div …

我需要在反应状态下用 true/false 切换多个块，但 true 和 false 同时适用于所有块。

import { useState } from "react";
...
const [toggleThisElement, setToggleThisElement] = useState(false);
...

{
    data.map((d, id) => {
        return (
            <div className="single-history" key={id}>
                <div className="h-head">
                    click this div for toggle h-info block
                </div>

                <div className="h-info">toggling block</div>
            </div>
        )
    })
}

我只能在项目中使用react native，我需要用AnimatedView制作一个Toggle组件。我尝试使用 React Native Switcher，但它不会同时响应移动和网络。

这是我的代码

export const ToggleButton = () => {
const [isEnabled, setIsEnabled] = useState(false);
const [text, setText] = useState('');
const toggleSwitch = () => {
if (isEnabled) {
  setText('OFF');
} else {
  setText('ON');
}
setIsEnabled(previousState => !previousState);
};
 return (
<View style={styles.container}>
  <View>
    {isEnabled ? <Text style={styles.textOn}>On</Text> : <Text style={styles.textOff}>Off</Text>}
    <Switch
      trackColor={{ false: Colors.BlueLight, true: Colors.PurpleLight }}
      thumbColor={isEnabled ? Colors.BlueLight : Colors.BlueLight}
      ios_backgroundColor="#3E3E3E"
      onValueChange={toggleSwitch}
      value={isEnabled}
    />
  </View>
</View>
);
};

有人给我建议如何做？

我想切换一堆每个都具有相同ID的div.我当前的jquery代码只切换一个div.(我尝试使用.next和.parent.next的混合物,但还没有找到任何东西)

$('#body'+id).toggle('400');