單擊時更改其位置/ css並可在顯示/隱藏文本之間切換的按鈕

Question

我需要3個可在顯示/隱藏文本之間切換的按鈕。當點擊按鈕時，按鈕會變小（改變CSS）並滑動到另一個位置，這樣文本就可以顯示在按鈕的上一個位置。示例如下：

jsfiddle.net/dRpWv/1/ 

切換功能顯示/隱藏文本不是問題。問題在於單擊時更改按鈕css的功能。

Answer 1

我能想到的最簡單的方法是在點擊按鈕時，在具有您希望應用的特定樣式的按鈕上切換一個類。

在您的小提琴中，它只是在您的切換功能中添加類似於此的內容。

$(this).toggleClass('clickedButton'); 

這是基於你的小提琴： http://jsfiddle.net/sm66aLL1/