gpt4 book ai didi

javascript - 切换 onClick jquery

转载 作者:可可西里 更新时间:2023-11-01 13:12:28 25 4
gpt4 key购买 nike

我是网页设计新手。我有这个示例代码,当我们点击窗口上的任何地方时,它会切换一个 div。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>slide demo</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<style>
#toggle {
width: 100px;
height: 100px;
background: #ccc;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"> </script>
</head>
<body>

<p>Click anywhere to toggle the box.</p>
<div id="toggle"></div>

<script>
$( document ).click(function() {
$( "#toggle" ).toggle( "slide" );
});
</script>

</body>
</html>

如何添加图像并更改图像的显示和隐藏?我有一个“>”图标。当我点击它时,div 应该出现并且 '>' 应该更改为 '<'

最佳答案

$('#buttonid').on('click', function () {
$('#toggle').toggle('slide');
});

像这样添加一个具有唯一 ID 的按钮

<button id="buttonid">click to toggle </button>

关于javascript - 切换 onClick jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18533141/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com