カテゴリー切り替えの参考サイト

Question

画像のようにカテゴリーによって表示するコンテンツをかえることは静的サイトでも可能でしょうか？
またタブ切り替えでしょうか？そのような機能のあるjsのプラグインがあれば教えてください。

Comments

[miyabi_pudding]

カテゴリの定義が無く、どのようなものを求めているのか、わかりずらいですが、
プラグインに関しては自身でも調べてみましたか？
まだ、自分で全く調べてないのなら、丸投げになってしまい、
今ついている回答以外の他の回答はつきにくいかと・・・。

Answer 1

質問の仕方が悪くて意図がつたわってきませんが
おそらくやりたいことは実現可能でしょう
「表示するコンテンツをかえる」時点で「静的サイト」ではないと思いますが・・・
質問に「カテゴリ」が定義されていないのでこれ以上は回答しづらいです

Comments

[rosso]

回答になっていません。

[yambejp]

> 静的サイトでも可能でしょうか？

に対して、「実現可能でしょう」は十分回答だと自負していますが？
情報が足りなすぎてこれ以上の回答は無理だというのは書いてあるとおりです。

どうせ、こちらが適当にソースを書いて提示しても
「それじゃない」って言うんでしょ？

[yambejp]

とりあえずこう
<style>
[name=cate]{display:none}
.cate{height:100%}
.cate1{background-Color:yellow}
.cate2{background-Color:lime}
.cate3{background-Color:aqua}
.cate{display:none}
#cate1:checked ~ #content > .cate1{display:block}
#cate2:checked ~ #content > .cate2{display:block}
#cate3:checked ~ #content > .cate3{display:block}

</style>
<input type="radio" name="cate" id="cate1" checked>
<input type="radio" name="cate" id="cate2">
<input type="radio" name="cate" id="cate3">
<div>
<label for="cate1">cate1</label>
<label for="cate2">cate2</label>
<label for="cate3">cate3</label>
</div>
<div id="content">
<div class="cate cate1">cate1</div>
<div class="cate cate2">cate2</div>
<div class="cate cate3">cate3</div>
</div>

Answer 2

そのような機能のあるjsのプラグイン

こういうものでしょうか？
Isotope · Filter & sort magical layouts
Muuri - Responsive, sortable, filterable and draggable grid layouts

Comments

[rosso]

やっぱりisotopeですね。質問の糸を汲み取ってくださりありがとうございます。