Tab con html...css...jquery...como ?

[radge]

Buenas tengo unos tabs creados en el índice de mi pagína a modo de navegación con bootstrap donde tengo 4 tabs por ejemplo :

Inicio Articulos Ayuda Contacto

Y lo que hago en el el archivo index.php que llamo cada vez que me muevo por la página tengo algo tal como asi

Código PHP:

  if ($_SERVER[SCRIPT_URL] == "/index.php") 
    { 
    $class1=' class="active"'; 
    } 
else 
    { 
    $class1=' '; 
    } 
     
    if (($_SERVER[SCRIPT_URL] == "/index/help/")) 
    { 
        $class2=' class="active"'; 
    } 
    else 
    { 
        $class2=' '; 
    } 
 
    if (($_SERVER[SCRIPT_URL] == "/index/contact/")) 
    { 
        $class3=' class="active"'; 
    } 
    else 
    { 
        $class3=' '; 
    }  
   

Con esto lo que consigo que cada vez que me muevo por la página y la recargo miro en que página estoy y activo dicho tab... seguro que hay una forma más elegante de hacer esto pero no se si es con css...jquery... bootstrap...no lo tengo claro...

La idea seria tenir 4 tabs con contenido dinámico que al hacer click en dicho tab se quede marcado... espero haverme explicado

Graciasssss

[ArturoGallegos]

algo mas limpio seria usar una version abreviada del IF , yo lo haria asi

Código PHP:

echo $_SERVER['REQUEST_URI']=='/demo.php'?' class="selected"':'';//directamente sobre la tab
 
 
$clase = $_SERVER['REQUEST_URI']=='/demo.php'?' class="selected"':'';//usando variables como lo tienes.
echo $clase;