{layout name="public/layout" /}
<style>
.weui-cells{display:none;}
.weui-cells1{display:block;}
</style>
<div class="questionlist">
	<div class="search">
		      <div class="searchbox">
		            <div class="input"><input type="text"  name="keyword" id="keyword" placeholder="请输入您的疑问" autocomplete="off" value="{:isset($keyword)?$keyword:''}"/></div>
		      </div>
	</div>
	 <div class=" tabs">
	           <div class="vnav">
	                <ul>
	                   {volist name="brands" id="vo"}
	                   <li {if condition="$key eq 1"}class="active"{/if}><a href="javascript:">{$vo.title}</a></li>
	                   {/volist}
	                </ul>
	            </div>
	            <div class="vcontent">
	                    <?php $index=0;?>
	                    {volist name="brands" id="vo"}
	                    <?php $index++;?>
	                    <div class="weui-cells weui-cells{$index}">
	                        {volist name="vo['list']" id="jo"}
	                        <a class="weui-cell weui-cell_active  weui-cell_access " href="javascript:void(0);">
	                            <div class="weui-cell__bd weui-cell_primary">
	                                <p><strong>{$jo.n_title}</strong></p>
	                            </div>
	                            <span class="weui-cell__ft"></span>
	                        </a>
	                        <div class="weui-media-box weui-media-box_text">
		                       <p class="weui-media-box__desc">{$jo.n_content}</p>
		                    </div>
	                       {/volist} 
	                     </div>  
	                   {/volist}   
	            </div>
	</div>
</div>
<script>
$(function(){
       $("#keyword").keydown(function(event){
      	  if(event.keyCode==13){
      		  var keyword=$("#keyword").val();
      		  if(typeof keyword=='undefined'||keyword==''){
      			  layer.msg("请输入关键词");
      			  $("#keyword").focus();
      			  return false;
      		  }
      		  var url="{:url('list')}?keyword="+keyword;
      		  window.location.href=url;
      	  }
      });
	  var index=0;
	  $(".vcontent .weui-cell").each(function(){
		  $(this).click(function(){
			    var cindex=$(this).index();
			    if(cindex!=index){
				    $(".weui-media-box").slideUp();
				    $(this).next(".weui-media-box").slideDown();
				    index=cindex;
			    }
		  });
	  });
	  $(".vnav li").each(function(){
		  $(this).click(function(){
			    $(".vnav li").removeClass("active");
			    $(this).addClass("active");
			    var cindex=$(this).index()+1;
			    $(".weui-cells").hide();
			    $(".weui-cells"+cindex).show();
		  });
	  });
});
</script>