jquery怎麼實現展開和收起按鈕之間的切換

2022-01-31 03:35:06 字數 2226 閱讀 8064

1樓:匿名使用者

jquery的 toggle() 方法來切換元素的顯示和隱藏:顯示被隱藏的元素,並隱藏已顯示的元素,從而實現上述功能。

$(selector).toggle();  // 切換目標元素的顯示和隱藏狀態

例項演示:點選按鈕出現輸入框,同時改變按鈕的說明文字,再次點選按鈕則隱藏輸入框,按鈕回到原始狀態。如此迴圈。

建立html元素

點選按鈕實現和收起輸入框的切換:

請發表你的看法

設定css樣式

div.box

div.box span

div.content

textarea

編寫jquery**

$(function())

})觀察效果

初始狀態

點選「好的」後的效果

再次點選按鈕「我不想說了」

2樓:匿名使用者

你在api文件中檢視一下toggle().這是api文件中的乙個例子,參考下:

對**的切換乙個類

jquery **:$("td").toggle(function () ,

function ());

3樓:往事依舊愛

這個可以用js控制div層也能實現:

大概這樣單擊輸入的時候 js讓這個div層就顯示出來 **:

document.all.div的id.style.display="";

點選輸入的時候讓這個div層隱藏

document.all.div的id.style.display="none";

希望能幫助到你

4樓:

你看一下toggle這個方法的用處 希望對你有幫助

我想用jquery裡面的click做乙個效果,點選一次開啟,再點選再關閉。請問應該怎麼去寫呢。

5樓:誰的

這種方法比較省**,雖然不是很好理解,但是很好用~

$("#scontent .title-li").click(function())

6樓:匿名使用者

直接把click換成toggle就可以了啊,第一次點選執行第乙個function,第二次點選執行第二個function;第三次點選執行第乙個function,第四次點選執行第二個function;兩個function交替執行

$("#scontent .title-li").toggle(function(),

function());

7樓:我去你嘛金牛

$(document).ready(function () );});

8樓:

$("("#scontent .title-li").toggle(function() , function() );

9樓:

可以使用hover()事件,或者使用toggle()事件(推薦此方法)

用jquery怎麼實現點選**,收縮的功能

10樓:我會愛上你的

$("abc").click(function());

});你試試,應該是這樣,one 是的箭頭樣式 two是收縮的箭頭樣式

jquery 如何實現多個div收縮

11樓:幻想武士

//給那些div乙個共同的屬性:比如name="showhide"

$("div[name=showhide]").fadein(500);//顯示name是showhide的所有div

$("div[name=showhide]").fadeout(500);//隱藏name是showhide的所有div

12樓:

就是你不要用find,這樣就把所有的都找出來了。

你要用$(this)加上next,prev,parent等方法找到相對路徑的物件,然後再slidedown()和slideup()

這樣就是每乙個收縮自己的div.

由於你沒給出html**,所以我也不知道你的具體路徑,沒法幫你直接寫出來。

13樓:匿名使用者

機械資訊

內容1機械位置

內容2能看懂麼

jquery怎麼實現移動端手指滑動事件

一 原理及實現方法如下 1 當開始乙個touchstart事件的時候,獲取此刻手指的橫座標startx和縱座標starty 2 當觸發touchmove事件時,在獲取此時手指的橫座標moveendx和縱座標moveendy 最後,通過這兩次獲取的座標差值來判斷手指在手機螢幕上的滑動方向。二 注意 手...

jquery怎麼和純js一樣接收onclick帶來的引數

data 是html5的屬性,只要名字不重複可以寫無數個,想取多少個值都可以 a on click function 套用下樓上的這個例子 yui3 y.one id click function e 在jquery中這樣的響應方法是一樣的寫法,如果是下面這種 function jquery id ...

請問下圖這種效果ps和AI要怎麼實現

這個的話 除非你有美術功底,可以用畫筆工具就行,沒有美術功底你還是不要用ps和ai畫這個了。親,這裡有哈 鏈結 提取碼 hcyn 請問下面的 是什麼效果ai做還是ps做 5 ai ps一樣做 三個圖層 一是建一橢圓填充漸變色,二是光感層,橢圓白色,設漸變中間透明,三是新增檔案 看樣子像是ai做的,其...