小さな画面でサイドバーとアコーディオンを崩壊

Question

私はこのテンプレートページhttps://livedemo00.template-help.com/wt_58977/services.html#undefined1

の効果を再現しようとしている。しかし、私はただのナビゲーションタブを持つパネルのような内容を変更する方法がわかりません。私はこの例をstackoverflow http://www.bootply.com/88026で見つけました。

これを小さな画面のみのアコーディオンでどのように変換することができますか？

ありがとうございます。

Answer 1

JavaScriptを使用して簡単に行うことができます。ここで

function clickedLink(linkID){ 
    // ------------------------------------------------------ hide all 
    document.getElementById('home').style.display = 'none'; 
    document.getElementById('link1').style.display = 'none'; 
    document.getElementById('link2').style.display = 'none'; 
    document.getElementById('link3').style.display = 'none'; 
    // ------------------------------------------------------ show active 
    document.getElementById(linkID).style.display = ''; 
} 

は、実用的なソリューションです：http://www.bootply.com/4EsSTTHzGs

// EDIT： 今、私はあなたが何をしたいのかundersatnd :) あなたはそれらの両方を構築し、隠された-XX（XX使用することができます：XSを、 SM、MD、LG）

これを見てみましょう：あなたは二度同じ内容を書きたくない場合は、あなたがのようなものを使用してPHPを使用したコンテンツが含まれる可能性がhttp://www.bootply.com/HIFkqIQgI3

これはあなたのために働いている場合は

、右の回答としてこの回答をマーク.. :)