タスク:クリックすると共有セクション(F、T、G、P)に拡張する単純な共有ボタンを作成したいと考えていました。
セクションを共有ボタンからスライドさせることができませんでした-私が本当に本当に望んでいたことです-しかし、別のul要素を右側にスライドさせることができました.
アニメーションは機能しました...最初に非表示に設定するまでul$('.networks').hide();
セクションは、クリック後にのみ表示されるように意図されていますが、最初のクリック後、構成されたスライドアウトを無視して「ポップアップ」するだけです。スライドは、少なくとも 1 回クリックした後、両方向(開閉)にのみ機能します。
ここ Codepen.io に jsFiddleとしてサンプルをアップロードしました。
補足:デモは、スライドイン FX のみを表示しているように見えるため、少し奇妙な動作をしています。最初に使用するスライドアウト fx は、常に開いているように見えますが、そうではなく、2 回目のクリック後に機能するため、目を集中して確認する必要があります (通常のブラウザーでは、明らかにうまく機能します)。 .
PS:「共有」ボタンからこのスライドを作成するのを手伝ってくれればボーナス ポイント。私は Javascript の初歩的な知識しか持っていないことに注意してください ( * ダック アンド ラン * )。