확장변수 슬픔 ,기쁨,  노여움  있다고 가정 할 때 

슬픔을 선택한 글만 위젯으로 불러 올수 있는지요? 

이미 구현되어 있는 위젯이 있다면 좀 알려주시고 

어떦게 구현 해야 하는지 설명 주시면 감사하겠습니다 

<!--@foreach($widget_info->document_list as $oDocument)-->
    {@
        $eid = $oDocument->getExtraEidValueHTML('select');
        $eid_a = $oDocument->getExtraEidValueHTML('select')=='슬픔';
        $eid_b = $oDocument->getExtraEidValueHTML('select')=='기쁨';
        $eid_c = $oDocument->getExtraEidValueHTML('select')=='노여움';
    }
    <div cond="$eid">
        <div cond="$eid_a">
            <span>내용 영역(해당 위젯에 따라 다르겠죠)</span>
        </div> 
     </div>
<!--@end-->

<div class="emotion-filters">
    <button type="button" class="filter-btn" data-emotion="슬픔">슬픔</button>
    <button type="button" class="filter-btn" data-emotion="기쁨">기쁨</button>
    <button type="button" class="filter-btn" data-emotion="노여움">노여움</button>
</div>


<div class="content-area">
    <!--@foreach($widget_info->document_list as $oDocument)-->
        <!--@if($document_count[$oDocument->getExtraEidValueHTML('select')] < 5)-->
            {@$document_count[$oDocument->getExtraEidValueHTML('select')]++}
                <div class="content-item" data-emotion="{$oDocument->getExtraEidValueHTML('select')}">
                    <span>내용 영역(해당 위젯에 따라 다르겠죠)</span>
                </div>
        <!--@end-->
    <!--@end-->
</div>


<script>
    $(function() {
        $('.filter-btn').click(function() {
                var emotion = $(this).data('emotion');
                $('.content-item').hide();
                $('.content-item[data-emotion="' + emotion + '"]').show();
                $('.filter-btn').removeClass('active');
                $(this).addClass('active');
        }).first().click();
    });
</script>


<style>
    .emotion-filters { margin-bottom:20px;}
    .filter-btn { padding:8px 16px; margin-right:10px; border:1px solid #ddd; background:#f5f5f5; cursor:pointer;}
    .filter-btn.active { background:#007bff; color:white; border-color:#0056b3;}
    .content-item { margin-bottom:15px; padding:10px; border:1px solid #eee; display: none;}
</style>