処理の重さ DBから取得 VS display:none;

Question

見ていただきありがとうございます。
タイトルの通りなのですが、MongoDBにメインカテゴリ(id=1)の1万件のデータがあったとして、
、１万件にはそれぞれサブカテゴリ(sub_id=(0-9)+)が振ってあります。
１万件のデータを全て取得(つまりメインカテゴリ(id=1))を全て取得して、JqueryのDOMでsub_idが指定したもの以外のdisplayをnoneとして表示する処理か、
度々MongoDBに接続し、find(sub_id:1).toArrayで取得する方が良いのか悩んでいます。

イメージ的にはメインカテゴリーをクリック→id=1を全件取得。
その中で選択できるサブカテゴリをクリック→MongoDBで再取得　or　DOMと言った感じです。

もしよろしければ皆さんのご意見いただければと思います。
MongoDBのデータ取得にはsocket.ioで行います。