Estoy usando un listado que lo uso de paginación, y es tan larga que me gustaría ocultar todos salvo la anterior, actual y siguiente. Por ej:
<ul>
<li>1</li> <!-- Ocultar -->
<li>2</li> <!-- Ocultar -->
<li>3</li> <!-- Ocultar -->
<li>4</li>
<li class="active">5</li>
<li>6</li>
<li>7</li> <!-- Ocultar -->
<li>8</li> <!-- Ocultar -->
<li>9</li> <!-- Ocultar -->
<li>10</li> <!-- Ocultar -->
</ul>
Otro ejemplo:
<ul>
<li>1</li> <!-- Ocultar -->
<li>2</li> <!-- Ocultar -->
<li>3</li> <!-- Ocultar -->
<li>4</li> <!-- Ocultar -->
<li>5</li> <!-- Ocultar -->
<li>6</li> <!-- Ocultar -->
<li>7</li> <!-- Ocultar -->
<li>8</li> <!-- Ocultar -->
<li>9</li> <!-- Ocultar -->
<li>10</li> <!-- Ocultar -->
<li>11</li> <!-- Ocultar -->
<li>12</li> <!-- Ocultar -->
<li>13</li>
<li class="active">14</li>
<li>15</li>
<li>16</li> <!-- Ocultar -->
<li>17</li> <!-- Ocultar -->
<li>18</li> <!-- Ocultar -->
<li>19</li> <!-- Ocultar -->
<li>20</li> <!-- Ocultar -->
<li>21</li> <!-- Ocultar -->
<li>22</li> <!-- Ocultar -->
<li>23</li> <!-- Ocultar -->
<li>24</li> <!-- Ocultar -->
<li>25</li> <!-- Ocultar -->
</ul>
¿Se puede con nth u otro selector?
li
? ¿Se le asigna desde el servidor o desde el cliente con JS? ¿Cómo de flexible es el modo en que se asigna esa clase? (p.e. ¿se podría crear la claseprev-active
en lugar deactive
?)