固定左侧栏是固定位置，准备好 js 和 jquery 模板引导程序一旦更改下拉 onchang 事件就想切换位置

Question

我想用现成的 js 和 jquery 模板引导解决与左侧栏相关的问题是固定位置：我可以使用标签类或 id 来传输左侧位置并保留所有类属性吗 预先准备好的模板

我检查了一些 css 属性是这样制作的

<aside class="main-sidebar" id="menu_main_sidebar" >
      <a href="#" class="open-nav"><span class="hamburger"></span><span class="text">Menu</span></a>
      <nav id="main-nav">
        <ul>
          <li class="current-menu-item"><a href="#">Home</a>
            <li><a href="about.html">About Losta</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="#">EN </a>|<a href="index-masonry - copy.html">TH</a></li>
        </ul>
      </nav>

   <aside/>

当我目前正在使用 codeiginter 时，我这样做是为了以相反的方式获取所有内容 取决于语言变化 另请注意，我有渲染模板，将我的页面分成可以协同工作的部分

我试图用javascript在页脚页面上做到这一点

public function render_template($page = null, $data = array())
    {

        $this->load->view('templates/header',$data);
        $this->load->view('templates/header_menu',$data);
        $this->load->view('templates/side_menubar',$data);
        $this->load->view($page, $data);
        $this->load->view('templates/footer',$data);
    }

 <select class="form-control"  onchange="javascript:window.location.href='<?php echo base_url(); ?>multilanguageswitcher/switch/'+this.value;">
            <option value="english" <?php if($this->session->userdata('site_lang') == 'english') echo 'selected="selected"'; ?>>English</option>
            <option id="langDirc" value="arabic" <?php if($this->session->userdata('site_lang') == 'arabic') echo 'selected="selected"'; ?>>Arabic</option>
               
        </select>  

<script type="text/javascript">
  $(document).ready(function() 
  {
  
  $("#langDirc").on('change',function()
  {
    var element = document.getElementById("menu_main_sidebar");
  if (element.style.width == "350px") {
    element.style.width = "0px";
  } else {
    element.style.width = "350px";
  }
  
  });
  });
</script>