Bubble：タブによる表示切替

１．デザイン

　①

　下図のように、上部にタブを、

　下部に、タブと連動して表示させるコンテンツを縦に配置する。

　タブ内に、マーカーの役割をするShapeを配置する。

　　　

　②

　タブBのShapeのThis element is visible on page load

　のチェックを外す。

　コンテンツABのCollapse when hiddenにチェック。

　コンテンツBのThis element is visible on page load

　のチェックを外す。

２．ワークフロー

　①「タブA」クリック時のワークフロー

　　・タブAのShapeを表示する

　　・タブBのShapeを非表示にする

　　・コンテンツAを表示する

　　・コンテンツBを非表示にする

　②「タブB」クリック時のワークフロー

　　・タブBのShapeを表示する

　　・タブAのShapeを非表示にする

　　・コンテンツBを表示する

　　・コンテンツAを非表示にする