Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.12.2017, 14:38
Аспирант
Отправить личное сообщение для artem55555p Посмотреть профиль Найти все сообщения от artem55555p
 
Регистрация: 16.04.2016
Сообщений: 74

Помогите сделать селект.
HTML:
<?php if ( have_posts() ) :  query_posts('cat=5'); while (have_posts()) : the_post(); ?>
            <?php $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), full ); ?>
            <div class="col-md-4 col-sm-4 col-xs-12">
                <div class="wr_part part" style="background: url(<?php echo $thumbnail[0];?>)">
                    <p class="ttl"><? the_title()?></p>
                    <div class="partwr"><? the_content()?></div>
                </div>
            </div>

        <? endwhile; endif; wp_reset_query(); ?>
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="ttlp"><? the_content()?></div>
            </div>
        </div>


$(".part").click(function() {
		var color = $(this).children('.ttl');
		color.css('color', '#4c8d9f');

		var value = $(this).children('.partwr').html();
		var posledniy = $(".ttlp p").last(); //последний элемент
		if($(".ttlp p").last()){
			var spisok = $(".ttlp").append(value);
			posledniy.addClass('deactivated');
		}


	});


я сделал триггер, чтобы блок появлялся и исчезал, но не знаю ,как сделатб, чтобы менялся цвет? сейчас, один раз нажал, он поменялся, но мне нужно, когда нажимаю на другую кнопку, цвет менялся на обратный
Ответить с цитированием
  #2 (permalink)  
Старый 11.12.2017, 14:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

Сообщение от artem55555p
if($(".ttlp p").last()){
это что?
Ответить с цитированием
  #3 (permalink)  
Старый 11.12.2017, 15:03
Аспирант
Отправить личное сообщение для artem55555p Посмотреть профиль Найти все сообщения от artem55555p
 
Регистрация: 16.04.2016
Сообщений: 74

там если последний элемент в списке, то не скрываем его, а те, готовые перед ним, скрываем)) я намудрил, может можно както по другому сделать..
Ответить с цитированием
  #4 (permalink)  
Старый 11.12.2017, 15:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

artem55555p,
а html можно и описание?
Ответить с цитированием
  #5 (permalink)  
Старый 11.12.2017, 15:09
Аспирант
Отправить личное сообщение для artem55555p Посмотреть профиль Найти все сообщения от artem55555p
 
Регистрация: 16.04.2016
Сообщений: 74

не понял
Ответить с цитированием
  #6 (permalink)  
Старый 11.12.2017, 15:09
Аспирант
Отправить личное сообщение для artem55555p Посмотреть профиль Найти все сообщения от artem55555p
 
Регистрация: 16.04.2016
Сообщений: 74

https://ru.stackoverflow.com/questio...D%D0%B0-jquery тут подробнее вроде расписал
Ответить с цитированием
  #7 (permalink)  
Старый 11.12.2017, 15:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

Сообщение от artem55555p
не понял
вместо php html?

вам нужна открывашка искать по форуму, есть более 300 вариантов.
Ответить с цитированием
  #8 (permalink)  
Старый 11.12.2017, 15:21
Аспирант
Отправить личное сообщение для artem55555p Посмотреть профиль Найти все сообщения от artem55555p
 
Регистрация: 16.04.2016
Сообщений: 74

можете подсказать, как цвет менять? по клику если на другую кнопку, на предыдущей текст меняется
Ответить с цитированием
  #9 (permalink)  
Старый 11.12.2017, 15:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

artem55555p,
я не понимаю вас, мне нужен html и описание того, что вы хотите сделать.
Ответить с цитированием
  #10 (permalink)  
Старый 11.12.2017, 16:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

открывашка со сменой фона
artem55555p,


<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .act .ttl{
     color:  #FF0000;
  }
 .partwr, .deactivated{
display: none;
  }
  .part, .ttlp{
    width: 200px;
    height: 80px;
    background-size: cover;
     float: left;
      margin-left: 10px;
  }
  .ttlp{
    float: none;
     margin-top: 100px;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
  var part = $(".part"), out = $(".ttlp");
  part.on("click", function() {
    var el = $(this).toggleClass("act");
    part.not(el).removeClass("act");
    var bg = el.attr("style");
    if (el.is(".act")) {
      out.html($(".partwr", el).html()).removeClass("deactivated").attr("style", bg);
    } else {
      out.addClass("deactivated");
    }
  }).eq(0).click();
});
  </script>
</head>

<body>

            <div class="col-md-4 col-sm-4 col-xs-12">
                <div class="wr_part part" style="background: url(https://ds04.infourok.ru/uploads/ex/1274/00028373-8ce7411f/hello_html_4c0f7715.jpg)">
                    <p class="ttl">the_title1</p>
                    <div class="partwr">the_content1</div>
                </div>
            </div>
           <div class="col-md-4 col-sm-4 col-xs-12">
                <div class="wr_part part" style="background: url(https://desktopmania.ru/pics/00/71/21/DesktopMania.ru-71215-300x168.jpg)">
                    <p class="ttl">the_title2</p>
                    <div class="partwr">the_content2</div>
                </div>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-12">
                <div class="wr_part part" style="background: url(http://astromera.ru/wp-content/uploads/2016/02/chistaya-voda-1-450x225.jpg)">
                    <p class="ttl">the_title3</p>
                    <div class="partwr">the_content3</div>
                </div>
            </div><br>
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="ttlp"></div>
            </div>



</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите пожалуйста сделать мне такой слайдер на страничке Misha Vigdarov Элементы интерфейса 0 18.09.2016 17:45
Помогите сделать автозапуск видео на сайте Petrovna80 Ваши сайты и скрипты 4 02.09.2016 23:24
Помогите сделать 47rus Общие вопросы Javascript 8 19.03.2016 21:00
Обработка перетаскивания как нажатие. Помогите сделать aqwerty Элементы интерфейса 7 08.09.2011 14:51
Помогите сделать список из выборки shaltay jQuery 15 03.04.2011 17:54