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;